/* Macy's — Prostobox. Собирается поблочно по Figma. */

/* Force white bg on the layout footer to blend with page bg */
html, body { background: #ffffff !important; }
main, .main, .layout, .layout-content, .content, .page, .page-content { background: #ffffff !important; }
body > footer, footer.footer, footer[class*="footer"] { background: #ffffff !important; }


div.p-macys-pb {
    --mc-red: #bd0f10;
    --mc-red-dark: #850001;
    --mc-red-hover: #a10d0e;
    --mc-yellow: #ffe200;
    --mc-black: #000000;
    --mc-white: #ffffff;
    font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    color: #1e1e1e;
    line-height: 1.3;
    background: #ffffff;
}
.p-macys-pb *,
.p-macys-pb *::before,
.p-macys-pb *::after { box-sizing: border-box; }
.p-macys-pb img { display: block; max-width: 100%; }
.p-macys-pb a { color: inherit; text-decoration: none; }
.p-macys-pb ul { list-style: none; padding: 0; margin: 0; }

/* ============ Block 1 — Hero ============ */
.p-macys-pb__hero {
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: 580px;
    margin: 16px auto 0;
    background: var(--mc-black);
}
.p-macys-pb__hero-media {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
}
.p-macys-pb__hero-video {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.p-macys-pb__hero-fade {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #000 0%, #000 30%, rgba(0, 0, 0, 0) 60%);
    pointer-events: none;
}
.p-macys-pb__hero-discount {
    position: absolute;
    top: 60px;
    right: 60px;
    width: 253px;
    height: auto;
    z-index: 3;
    transform: rotate(-14deg);
    transform-origin: center;
}

.p-macys-pb__hero-content {
    position: relative;
    z-index: 2;
    height: 100%;
    max-width: 700px;
    padding: 90px 40px 40px 136px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
}
.p-macys-pb__hero-plate {
    display: inline-block;
    padding: 10px 24px;
    background: linear-gradient(88deg, var(--mc-red-dark) 76%, var(--mc-yellow) 100%);
    color: var(--mc-white);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1;
    text-transform: uppercase;
}
.p-macys-pb__hero-title {
    margin: 0;
    max-width: 571px;
    font-weight: 400;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--mc-white);
    text-transform: uppercase;
}
.p-macys-pb__hero-bullets {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 584px;
    color: var(--mc-white);
    font-size: 20px;
    line-height: 1.35;
    font-weight: 400;
}
.p-macys-pb__hero-bullets li {
    position: relative;
    padding-left: 20px;
}
.p-macys-pb__hero-bullets li::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--mc-white);
    font-size: 20px;
    line-height: 1.35;
}
.p-macys-pb__hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 319px;
    padding: 20px 30px;
    background: var(--mc-red);
    color: var(--mc-white) !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    transition: background .2s;
}
.p-macys-pb__hero-cta:link,
.p-macys-pb__hero-cta:visited,
.p-macys-pb__hero-cta:hover,
.p-macys-pb__hero-cta:active { color: var(--mc-white) !important; text-decoration: none; }
.p-macys-pb__hero-cta:hover { background: var(--mc-red-hover); }
.p-macys-pb__hero-note {
    margin: 0;
    color: var(--mc-white);
    font-size: 16px;
    font-weight: 400;
    opacity: 0.85;
}

/* Hero — адаптив */
@media (max-width: 1100px) {
    .p-macys-pb__hero {
        width: auto;
        max-width: none;
        margin: 0 20px;
        height: auto;
        min-height: 560px;
    }
    .p-macys-pb__hero-content { padding: 90px 40px 40px 60px; max-width: 620px; }
    .p-macys-pb__hero-video { width: 55%; }
    .p-macys-pb__hero-discount { top: 30px; right: 30px; width: 200px; }
}
@media (max-width: 900px) {
    .p-macys-pb__hero {
        height: auto;
        min-height: auto;
        display: flex;
        flex-direction: column;
    }
    .p-macys-pb__hero-content {
        order: 1;
        position: relative;
        width: 100%;
        height: auto;
        padding: 32px 24px;
        max-width: 100%;
        gap: 16px;
        background: var(--mc-black);
        justify-content: flex-start;
        align-items: flex-start;
    }
    .p-macys-pb__hero-media {
        order: 2;
        position: relative;
        width: 100%;
        height: 260px;
        z-index: 1;
    }
    .p-macys-pb__hero-video {
        position: absolute;
        top: 0; right: 0; left: 0;
        width: 100%;
        height: 100%;
        object-position: center;
    }
    .p-macys-pb__hero-fade {
        background: linear-gradient(to bottom, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,.4) 100%);
    }
    .p-macys-pb__hero-discount {
        top: 20px;
        right: 40px;
        left: auto;
        width: 130px;
        z-index: 4;
    }
    .p-macys-pb__hero-title { font-size: 26px; text-align: left; }
    .p-macys-pb__hero-bullets { font-size: 16px; }
    .p-macys-pb__hero-cta { width: 100%; min-width: 0; }
}
@media (max-width: 640px) {
    .p-macys-pb__hero { margin: 0 16px; }
}
@media (max-width: 480px) {
    .p-macys-pb__hero-media { height: 220px; }
    .p-macys-pb__hero-title { font-size: 22px; }
    .p-macys-pb__hero-bullets { font-size: 14px; }
    .p-macys-pb__hero-plate { font-size: 14px; padding: 8px 18px; }
    .p-macys-pb__hero-discount { width: 110px; right: 24px; top: 16px; }
}

/* ============ Block 2 — Deals (3 product cards + CTA) ============ */
.p-macys-pb__deals {
    margin-top: 120px;
    padding: 0 20px;
    background: var(--mc-white);
}
.p-macys-pb__deals-wrap {
    max-width: 1128px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.p-macys-pb__deals-header {
    display: flex;
    align-items: center;
    gap: 38px;
    color: var(--mc-black);
}
.p-macys-pb__deals-title {
    margin: 0;
    width: 634px;
    max-width: 100%;
    font-size: 30px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}
.p-macys-pb__deals-title-b { font-weight: 500; color: var(--mc-black); }
.p-macys-pb__deals-title-a { font-weight: 400; color: var(--mc-red); }
.p-macys-pb__deals-lead {
    margin: 0;
    width: 413px;
    max-width: 100%;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--mc-black);
}
.p-macys-pb__deals-list {
    display: flex;
    gap: 24px;
    align-items: stretch;
}
.p-macys-pb__deals-card {
    flex: 1 1 0;
    background: #f9f9f9;
    padding: 20px 29px;
    display: flex;
    align-items: center;
}
.p-macys-pb__deals-card-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    width: 100%;
    color: inherit;
}
.p-macys-pb__deals-photo {
    width: 100%;
    aspect-ratio: 1200 / 1467;
    background: #ffffff;
    overflow: hidden;
}
.p-macys-pb__deals-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.p-macys-pb__deals-card-title {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    color: var(--mc-black);
    min-height: 2.8em;
}
.p-macys-pb__deals-ru {
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    color: var(--mc-black);
}
.p-macys-pb__deals-ru-label {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}
.p-macys-pb__deals-ru-price {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
}
.p-macys-pb__deals-us {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    background: #303030;
    color: var(--mc-white);
}
.p-macys-pb__deals-us-brand {
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}
.p-macys-pb__deals-us-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    line-height: 1;
}
.p-macys-pb__deals-us-usd {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
}
.p-macys-pb__deals-us-rub {
    font-size: 16px;
    font-weight: 600;
    color: #bdbdbd;
    letter-spacing: -0.03em;
    margin-top: 2px;
}
.p-macys-pb__deals-note {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
    color: var(--mc-black);
    font-weight: 400;
}
.p-macys-pb__deals-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 20px 30px;
    background: var(--mc-red);
    color: var(--mc-white) !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    transition: background .2s;
}
.p-macys-pb__deals-cta:link,
.p-macys-pb__deals-cta:visited,
.p-macys-pb__deals-cta:hover,
.p-macys-pb__deals-cta:active { color: var(--mc-white) !important; text-decoration: none; }
.p-macys-pb__deals-cta:hover { background: var(--mc-red-hover); }

/* Deals — адаптив */
@media (max-width: 1100px) {
    .p-macys-pb__deals { padding: 0 20px; }
    .p-macys-pb__deals-title { font-size: 26px; width: auto; }
    .p-macys-pb__deals-lead { font-size: 20px; width: auto; }
    .p-macys-pb__deals-card { padding: 20px; }
    .p-macys-pb__deals-us-brand,
    .p-macys-pb__deals-us-usd { font-size: 24px; }
}
@media (max-width: 900px) {
    .p-macys-pb__deals-header { flex-direction: column; align-items: flex-start; gap: 12px; }
    .p-macys-pb__deals-lead { font-size: 18px; }
    .p-macys-pb__deals-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
    .p-macys-pb__deals-card:nth-child(3) { grid-column: 1 / -1; max-width: 100%; }
}
@media (max-width: 640px) {
    .p-macys-pb__deals { margin-top: 60px; padding: 0 16px; }
    .p-macys-pb__deals-title { font-size: 22px; }
    .p-macys-pb__deals-lead { font-size: 16px; }
    .p-macys-pb__deals-list { grid-template-columns: 1fr; }
    .p-macys-pb__deals-card:nth-child(3) { grid-column: auto; }
    .p-macys-pb__deals-card-title { font-size: 18px; min-height: 0; }
    .p-macys-pb__deals-us-brand,
    .p-macys-pb__deals-us-usd { font-size: 22px; }
    .p-macys-pb__deals-us-rub { font-size: 14px; }
    .p-macys-pb__deals-cta { font-size: 16px; height: 54px; padding: 16px 24px; }
}
@media (max-width: 380px) {
    .p-macys-pb__deals-title { font-size: 20px; }
    .p-macys-pb__deals-card-title { font-size: 16px; }
    .p-macys-pb__deals-us-brand,
    .p-macys-pb__deals-us-usd { font-size: 20px; }
}

/* ============ Block 3 — How to buy (bg + storefront + 3 steps + 2 CTAs) ============ */
.p-macys-pb__howto {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 120px auto 0;
    padding: 93px 116px 80px 236px;
    background: #f9f9f9;
    overflow: hidden;
}
.p-macys-pb__howto-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 612px;
    height: 270px;
    max-width: 45%;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: darken;
}
.p-macys-pb__howto-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
}
.p-macys-pb__howto-wrap {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 80px;
    align-items: start;
}
.p-macys-pb__howto-title {
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--mc-black);
}
.p-macys-pb__howto-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 648px;
}
.p-macys-pb__howto-steps {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.p-macys-pb__howto-step {
    display: flex;
    gap: 32px;
    align-items: flex-start;
    padding: 20px;
    background: var(--mc-white);
}
.p-macys-pb__howto-num {
    flex-shrink: 0;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 60px;
    line-height: 0.8;
    color: var(--mc-red);
    text-transform: uppercase;
    white-space: nowrap;
    min-width: 76px;
}
.p-macys-pb__howto-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--mc-black);
    flex: 1;
}
.p-macys-pb__howto-step-title {
    margin: 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    color: var(--mc-black);
}
.p-macys-pb__howto-step-body {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--mc-black);
}
.p-macys-pb__howto-accent {
    color: var(--mc-red);
    font-weight: 700;
}
.p-macys-pb__howto-ctas {
    display: flex;
    gap: 10px;
    align-items: center;
}
.p-macys-pb__howto-cta {
    flex: 1 0 0;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    transition: background .2s, color .2s;
    text-align: center;
}
.p-macys-pb__howto-cta--primary {
    background: var(--mc-red);
    color: var(--mc-white) !important;
    border: 1px solid var(--mc-red);
}
.p-macys-pb__howto-cta--primary:link,
.p-macys-pb__howto-cta--primary:visited,
.p-macys-pb__howto-cta--primary:hover,
.p-macys-pb__howto-cta--primary:active { color: var(--mc-white) !important; text-decoration: none; }
.p-macys-pb__howto-cta--primary:hover { background: var(--mc-red-hover); }
.p-macys-pb__howto-cta--outline {
    background: transparent;
    color: var(--mc-red) !important;
    border: 1px solid var(--mc-red);
}
.p-macys-pb__howto-cta--outline:link,
.p-macys-pb__howto-cta--outline:visited,
.p-macys-pb__howto-cta--outline:hover,
.p-macys-pb__howto-cta--outline:active { color: var(--mc-red) !important; text-decoration: none; }
.p-macys-pb__howto-cta--outline:hover { background: rgba(189, 15, 16, 0.08); }

/* How-to — адаптив */
@media (max-width: 1100px) {
    .p-macys-pb__howto {
        width: auto;
        margin: 60px 20px 0;
        max-width: none;
        padding: 60px 40px;
    }
    .p-macys-pb__howto-wrap { grid-template-columns: 300px 1fr; gap: 32px; }
    .p-macys-pb__howto-title { font-size: 26px; }
    .p-macys-pb__howto-bg { width: 380px; height: 200px; max-width: 40%; }
}
@media (max-width: 900px) {
    .p-macys-pb__howto { margin: 60px 16px 0; padding: 40px 24px 240px; }
    .p-macys-pb__howto-wrap { grid-template-columns: 1fr; gap: 20px; }
    .p-macys-pb__howto-body { max-width: 100%; }
    .p-macys-pb__howto-title { font-size: 22px; }
    .p-macys-pb__howto-bg {
        left: 0;
        right: auto;
        width: 100%;
        height: 220px;
        max-width: 100%;
    }
    .p-macys-pb__howto-num { font-size: 44px; min-width: 60px; }
    .p-macys-pb__howto-step { gap: 20px; padding: 16px; }
}
@media (max-width: 640px) {
    .p-macys-pb__howto { padding-bottom: 200px; }
    .p-macys-pb__howto-bg { height: 180px; }
    .p-macys-pb__howto-step-title { font-size: 18px; }
    .p-macys-pb__howto-step-body { font-size: 14px; }
    .p-macys-pb__howto-num { font-size: 36px; min-width: 46px; }
    .p-macys-pb__howto-ctas { flex-direction: column; gap: 12px; align-items: stretch; }
    .p-macys-pb__howto-cta { font-size: 16px; padding: 16px 20px; }
}
@media (max-width: 380px) {
    .p-macys-pb__howto-title { font-size: 20px; }
    .p-macys-pb__howto-step { flex-direction: row; gap: 12px; }
    .p-macys-pb__howto-num { font-size: 32px; min-width: 42px; }
}

/* ============ Block 4 — Buyer help ============ */
.p-macys-pb__buyer {
    width: 100%;
    max-width: 1400px;
    margin: 120px auto 0;
    padding: 0;
}
.p-macys-pb__buyer-header {
    position: relative;
    display: grid;
    grid-template-columns: 552px 1fr;
    gap: 120px;
    padding: 0 116px;
    align-items: start;
}
.p-macys-pb__buyer-title {
    margin: 0;
    max-width: 552px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--mc-black);
}
.p-macys-pb__buyer-arrow {
    position: absolute;
    top: 17px;
    left: 580px;
    width: 205px;
    height: auto;
    pointer-events: none;
}
.p-macys-pb__buyer-lead {
    margin: 0;
    max-width: 413px;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--mc-black);
}
.p-macys-pb__buyer-lead strong { font-weight: 700; }

.p-macys-pb__buyer-box {
    position: relative;
    margin-top: 47px;
    min-height: 374px;
    background: #1a1a1a;
}
.p-macys-pb__buyer-box > .p-macys-pb__buyer-bg { overflow: hidden; }
.p-macys-pb__buyer-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}
.p-macys-pb__buyer-bg img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;
    max-width: none;
    object-fit: cover;
    object-position: right center;
    opacity: 0.6;
}
.p-macys-pb__buyer-bg-fade {
    position: absolute;
    inset: 0;
    background: linear-gradient(-89.5deg, rgba(0, 0, 0, 0) 39%, #242424 63%);
}
.p-macys-pb__buyer-content {
    position: relative;
    z-index: 2;
    padding: 40px 116px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    max-width: 620px;
}
.p-macys-pb__buyer-scheme {
    margin: 0 0 5px;
    max-width: 413px;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--mc-white);
}
.p-macys-pb__buyer-note {
    width: 456px;
    max-width: 100%;
    padding: 10px;
    background: var(--mc-white);
}
.p-macys-pb__buyer-note p {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--mc-black);
}
.p-macys-pb__buyer-note strong { font-weight: 700; }
.p-macys-pb__buyer-accent { color: var(--mc-red); font-weight: 700; }
.p-macys-pb__buyer-cta {
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 319px;
    max-width: 100%;
    padding: 20px 30px;
    background: var(--mc-red);
    color: var(--mc-white) !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    transition: background .2s;
}
.p-macys-pb__buyer-cta:link,
.p-macys-pb__buyer-cta:visited,
.p-macys-pb__buyer-cta:hover,
.p-macys-pb__buyer-cta:active { color: var(--mc-white) !important; text-decoration: none; }
.p-macys-pb__buyer-cta:hover { background: var(--mc-red-hover); }

.p-macys-pb__buyer-visual {
    position: absolute;
    top: -66px;
    right: 116px;
    width: 500px;
    height: 440px;
    z-index: 3;
    pointer-events: none;
}
.p-macys-pb__buyer-woman {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.p-macys-pb__buyer-ticket {
    position: absolute;
    top: 146px;
    left: -137px;
    width: 245px;
    height: 121px;
    transform: rotate(-10.29deg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-macys-pb__buyer-ticket-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.p-macys-pb__buyer-ticket-text {
    position: relative;
    z-index: 1;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
    color: var(--mc-black);
    text-transform: uppercase;
    letter-spacing: 0;
}

/* Buyer — адаптив */
@media (max-width: 1200px) {
    .p-macys-pb__buyer { width: auto; margin: 60px 20px 0; max-width: none; }
    .p-macys-pb__buyer-header { padding: 0 60px; gap: 60px; grid-template-columns: 1fr 1fr; }
    .p-macys-pb__buyer-arrow { display: none; }
    .p-macys-pb__buyer-content { padding: 40px 60px; }
    .p-macys-pb__buyer-visual { right: 30px; width: 420px; height: 380px; top: -50px; }
    .p-macys-pb__buyer-ticket { left: -100px; }
}
@media (max-width: 1000px) {
    .p-macys-pb__buyer-header { grid-template-columns: 1fr; gap: 12px; padding: 0 24px; }
    .p-macys-pb__buyer-arrow { display: none; }
    .p-macys-pb__buyer-title { font-size: 24px; }
    .p-macys-pb__buyer-lead { font-size: 18px; max-width: 100%; }
    .p-macys-pb__buyer-box {
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .p-macys-pb__buyer-bg { display: none; }
    .p-macys-pb__buyer-content {
        padding: 40px 24px;
        max-width: 100%;
        background: #1a1a1a;
    }
    .p-macys-pb__buyer-scheme { font-size: 22px; }
    .p-macys-pb__buyer-note { width: 100%; }
    .p-macys-pb__buyer-visual {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        width: 100%;
        height: 320px;
        overflow: hidden;
        background: #1a1a1a url("/p/macys-pb/asset/assets/img/buyer-city.webp") right center / cover no-repeat;
    }
    .p-macys-pb__buyer-visual::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 80px;
        background: linear-gradient(to bottom, #1a1a1a 0%, rgba(26,26,26,0) 100%);
        z-index: 3;
        pointer-events: none;
    }
    .p-macys-pb__buyer-woman {
        position: absolute;
        right: -8%;
        bottom: 0;
        top: auto;
        width: 60%;
        height: 100%;
        object-fit: contain;
        object-position: right bottom;
    }
    .p-macys-pb__buyer-ticket {
        left: 55%;
        top: 45%;
        width: 190px;
        height: 96px;
    }
    .p-macys-pb__buyer-ticket-text { font-size: 22px; }
}
@media (max-width: 640px) {
    .p-macys-pb__buyer { margin: 60px 16px 0; }
    .p-macys-pb__buyer-header { padding: 0 16px; }
    .p-macys-pb__buyer-title { font-size: 20px; }
    .p-macys-pb__buyer-lead { font-size: 16px; }
    .p-macys-pb__buyer-content { padding: 32px 16px; }
    .p-macys-pb__buyer-scheme { font-size: 20px; }
    .p-macys-pb__buyer-note p { font-size: 14px; }
    .p-macys-pb__buyer-cta { width: 100%; font-size: 16px; padding: 16px 24px; }
    .p-macys-pb__buyer-visual { height: 280px; }
    .p-macys-pb__buyer-woman { width: 70%; right: -8%; }
    .p-macys-pb__buyer-ticket {
        left: 50%;
        top: 45%;
        width: 150px;
        height: 74px;
    }
    .p-macys-pb__buyer-ticket-text { font-size: 18px; }
}
@media (max-width: 380px) {
    .p-macys-pb__buyer-title { font-size: 18px; }
    .p-macys-pb__buyer-scheme { font-size: 18px; }
    .p-macys-pb__buyer-visual { height: 240px; }
    .p-macys-pb__buyer-woman { width: 72%; }
    .p-macys-pb__buyer-ticket { width: 120px; height: 60px; top: 45%; left: 46%; }
    .p-macys-pb__buyer-ticket-text { font-size: 14px; }
}

/* ============ Block 5 — Sneakers promo ============ */
.p-macys-pb__sneak {
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: 498px;
    margin: 120px auto 0;
    background: #0044c5;
    overflow: hidden;
}
.p-macys-pb__sneak-shoe {
    position: absolute;
    pointer-events: none;
    filter: drop-shadow(0 12px 24px rgba(0,0,0,.25));
}
/* Sneakers positioned per Figma frame coords (blue starts at x=0 within its own coord system) */
.p-macys-pb__sneak-shoe--yellow {
    top: 7px;
    left: 0;
    width: 412px;
    height: auto;
    transform: rotate(7.26deg);
    transform-origin: center;
}
.p-macys-pb__sneak-shoe--pink {
    top: 1px;
    left: auto;
    right: 56px;
    width: 356px;
    height: auto;
}
.p-macys-pb__sneak-shoe--white {
    top: 233px;
    left: 46px;
    width: 449px;
    height: auto;
    transform: rotate(-13.24deg);
    transform-origin: center;
}
.p-macys-pb__sneak-shoe--orange {
    top: 185px;
    left: auto;
    right: -73px;
    width: 525px;
    height: auto;
    transform: rotate(-15.87deg);
    transform-origin: center;
}
.p-macys-pb__sneak-content {
    position: absolute;
    left: 50%;
    top: 107px;
    transform: translateX(-50%);
    width: 621px;
    max-width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    z-index: 2;
}
.p-macys-pb__sneak-title {
    margin: 0;
    width: 100%;
    font-size: 30px;
    line-height: 1.3;
    text-transform: uppercase;
    text-align: center;
    color: var(--mc-white);
    font-weight: 500;
}
.p-macys-pb__sneak-title em {
    font-style: italic;
    font-weight: 600;
}
.p-macys-pb__sneak-price {
    display: inline-flex;
    align-items: baseline;
    padding: 10px 35px;
    background: #303030;
    color: var(--mc-white);
    text-align: center;
    line-height: 1;
    font-weight: 800;
}
.p-macys-pb__sneak-price-cur { font-size: 40px; vertical-align: baseline; margin-right: 4px; }
.p-macys-pb__sneak-price-val { font-size: 60px; vertical-align: baseline; }
.p-macys-pb__sneak-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 319px;
    max-width: 100%;
    height: 62px;
    padding: 20px 30px;
    background: var(--mc-red);
    color: var(--mc-white) !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    transition: background .2s;
}
.p-macys-pb__sneak-cta:link,
.p-macys-pb__sneak-cta:visited,
.p-macys-pb__sneak-cta:hover,
.p-macys-pb__sneak-cta:active { color: var(--mc-white) !important; text-decoration: none; }
.p-macys-pb__sneak-cta:hover { background: var(--mc-red-hover); }

/* Sneakers — адаптив */
@media (max-width: 1200px) {
    .p-macys-pb__sneak { width: auto; margin: 60px 20px 0; max-width: none; height: 460px; }
    .p-macys-pb__sneak-shoe--yellow { left: 20px; width: 320px; }
    .p-macys-pb__sneak-shoe--pink { left: auto; right: 20px; top: 70px; width: 240px; }
    .p-macys-pb__sneak-shoe--white { left: 40px; top: 240px; width: 340px; }
    .p-macys-pb__sneak-shoe--orange { left: auto; right: 20px; top: 250px; width: 380px; }
}
@media (max-width: 900px) {
    .p-macys-pb__sneak {
        height: auto;
        min-height: 520px;
        padding: 40px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .p-macys-pb__sneak-content {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        width: 100%;
        max-width: 400px;
        z-index: 2;
        text-align: center;
    }
    .p-macys-pb__sneak-title { font-size: 22px; }
    .p-macys-pb__sneak-price-cur { font-size: 30px; }
    .p-macys-pb__sneak-price-val { font-size: 44px; }
    .p-macys-pb__sneak-shoe { z-index: 1; }
    .p-macys-pb__sneak-shoe--yellow { top: 10px; left: 0; width: 210px; }
    .p-macys-pb__sneak-shoe--pink { top: 10px; right: 0; left: auto; width: 180px; }
    .p-macys-pb__sneak-shoe--white { top: auto; bottom: 10px; left: 0; width: 220px; transform: rotate(-13.24deg); }
    .p-macys-pb__sneak-shoe--orange { top: auto; bottom: 10px; right: 0; left: auto; width: 250px; transform: rotate(-15.87deg); }
}
@media (max-width: 640px) {
    .p-macys-pb__sneak {
        margin: 60px 16px 0;
        min-height: 500px;
        padding: 32px 16px;
    }
    .p-macys-pb__sneak-title { font-size: 18px; }
    .p-macys-pb__sneak-price-cur { font-size: 24px; }
    .p-macys-pb__sneak-price-val { font-size: 36px; }
    .p-macys-pb__sneak-cta { font-size: 16px; padding: 16px 24px; height: 54px; width: 100%; }
    .p-macys-pb__sneak-shoe--yellow { width: 160px; }
    .p-macys-pb__sneak-shoe--pink { width: 135px; }
    .p-macys-pb__sneak-shoe--white { width: 170px; }
    .p-macys-pb__sneak-shoe--orange { width: 190px; }
}
@media (max-width: 380px) {
    .p-macys-pb__sneak { min-height: 460px; padding: 24px 12px; }
    .p-macys-pb__sneak-title { font-size: 16px; }
    .p-macys-pb__sneak-shoe--yellow { width: 130px; }
    .p-macys-pb__sneak-shoe--pink { width: 110px; }
    .p-macys-pb__sneak-shoe--white { width: 140px; }
    .p-macys-pb__sneak-shoe--orange { width: 155px; }
}

/* ============ Block 6 — Popular brands grid (3×2) ============ */
.p-macys-pb__brands {
    margin-top: 120px;
    padding: 0 20px;
    background: var(--mc-white);
}
.p-macys-pb__brands-wrap {
    max-width: 1128px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: center;
}
.p-macys-pb__brands-title {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--mc-black);
}
.p-macys-pb__brands-grid {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}
.p-macys-pb__brands-card {
    background: #f9f9f9;
    display: flex;
    align-items: stretch;
    justify-content: center;
    aspect-ratio: 373 / 421;
    overflow: hidden;
}
.p-macys-pb__brands-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    mix-blend-mode: multiply;
}
.p-macys-pb__brands-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 319px;
    max-width: 100%;
    height: 62px;
    padding: 20px 30px;
    background: var(--mc-red);
    color: var(--mc-white) !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    transition: background .2s;
}
.p-macys-pb__brands-cta:link,
.p-macys-pb__brands-cta:visited,
.p-macys-pb__brands-cta:hover,
.p-macys-pb__brands-cta:active { color: var(--mc-white) !important; text-decoration: none; }
.p-macys-pb__brands-cta:hover { background: var(--mc-red-hover); }

/* Brands — адаптив */
@media (max-width: 1100px) {
    .p-macys-pb__brands-title { font-size: 26px; }
}
@media (max-width: 900px) {
    .p-macys-pb__brands { padding: 0 16px; }
    .p-macys-pb__brands-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .p-macys-pb__brands-title { font-size: 22px; }
}
@media (max-width: 640px) {
    .p-macys-pb__brands { margin-top: 60px; }
    .p-macys-pb__brands-title { font-size: 20px; }
    .p-macys-pb__brands-cta { min-width: 0; width: 100%; font-size: 16px; padding: 16px 24px; height: 54px; }
}
@media (max-width: 380px) {
    .p-macys-pb__brands-grid { grid-template-columns: 1fr; max-width: 320px; margin: 0 auto; }
}

/* ============ Block 7 — Jeans promo ============ */
.p-macys-pb__jeans {
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: 498px;
    margin: 120px auto 0;
    background: #1e1e1e;
    overflow: hidden;
}
.p-macys-pb__jeans-side {
    position: absolute;
    top: 0;
    height: 498px;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}
.p-macys-pb__jeans-side img {
    position: absolute;
    max-width: none;
    object-fit: cover;
}
.p-macys-pb__jeans-side--left {
    left: 40px;
    width: 449px;
}
.p-macys-pb__jeans-side--left img {
    left: -4.45%;
    top: -17.64%;
    width: 104.45%;
    height: 130.72%;
}
.p-macys-pb__jeans-side--right {
    right: 30px;
    width: 486px;
}
.p-macys-pb__jeans-side--right img {
    left: 0;
    top: -18.73%;
    width: 100%;
    height: 125.4%;
}
.p-macys-pb__jeans-content {
    position: relative;
    z-index: 2;
    width: 564px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
    padding-top: 88px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.p-macys-pb__jeans-title {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--mc-white);
    font-weight: 500;
}
.p-macys-pb__jeans-title-a { display: block; font-weight: 500; }
.p-macys-pb__jeans-title-b {
    display: block;
    font-style: italic;
    font-weight: 600;
    color: var(--mc-red);
}
.p-macys-pb__jeans-price {
    display: inline-flex;
    align-items: baseline;
    padding: 10px 35px;
    background: var(--mc-white);
    color: #303030;
    line-height: 1;
    font-weight: 800;
}
.p-macys-pb__jeans-price-cur { font-size: 40px; }
.p-macys-pb__jeans-price-val { font-size: 60px; }
.p-macys-pb__jeans-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 319px;
    max-width: 100%;
    height: 62px;
    padding: 20px 30px;
    background: var(--mc-red);
    color: var(--mc-white) !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s;
}
.p-macys-pb__jeans-cta:link,
.p-macys-pb__jeans-cta:visited,
.p-macys-pb__jeans-cta:hover,
.p-macys-pb__jeans-cta:active { color: var(--mc-white) !important; text-decoration: none; }
.p-macys-pb__jeans-cta:hover { background: var(--mc-red-hover); }

/* Jeans — адаптив */
@media (max-width: 1200px) {
    .p-macys-pb__jeans { width: auto; margin: 60px 20px 0; max-width: none; }
    .p-macys-pb__jeans-side--left { left: 20px; width: 320px; height: 498px; }
    .p-macys-pb__jeans-side--right { right: -60px; width: 380px; height: 498px; }
}
@media (max-width: 900px) {
    .p-macys-pb__jeans { height: auto; padding: 40px 20px; }
    .p-macys-pb__jeans-side--left { left: -30px; width: 220px; height: 400px; opacity: .55; }
    .p-macys-pb__jeans-side--right { right: -60px; width: 260px; height: 400px; opacity: .55; }
    .p-macys-pb__jeans-content { padding-top: 40px; }
    .p-macys-pb__jeans-title { font-size: 22px; }
    .p-macys-pb__jeans-price-cur { font-size: 30px; }
    .p-macys-pb__jeans-price-val { font-size: 44px; }
}
@media (max-width: 640px) {
    .p-macys-pb__jeans { margin: 60px 16px 0; padding: 32px 16px; }
    .p-macys-pb__jeans-side--left { width: 140px; height: 340px; opacity: .35; }
    .p-macys-pb__jeans-side--right { width: 160px; height: 340px; opacity: .35; }
    .p-macys-pb__jeans-title { font-size: 18px; }
    .p-macys-pb__jeans-price-cur { font-size: 24px; }
    .p-macys-pb__jeans-price-val { font-size: 36px; }
    .p-macys-pb__jeans-cta { font-size: 16px; padding: 16px 24px; height: 54px; width: 100%; }
}
@media (max-width: 380px) {
    .p-macys-pb__jeans-title { font-size: 16px; }
    .p-macys-pb__jeans-side--left,
    .p-macys-pb__jeans-side--right { opacity: .25; }
}

/* ============ Block 8 — Reviews ============ */
.p-macys-pb__reviews {
    width: 100%;
    max-width: 1400px;
    margin: 120px auto 0;
    padding: 0 116px;
    background: var(--mc-white);
}
.p-macys-pb__reviews-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: stretch;
}
.p-macys-pb__reviews-header {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 538px;
    max-width: 100%;
    margin: 0 auto;
}
.p-macys-pb__reviews-title {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--mc-black);
}
.p-macys-pb__reviews-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    padding: 10px 20px;
    background: #f9f9f9;
    width: 100%;
}
.p-macys-pb__reviews-stars {
    height: 32px;
    width: 160px;
    object-fit: contain;
    flex-shrink: 0;
}
.p-macys-pb__reviews-rating-score {
    display: flex;
    align-items: center;
    gap: 10px;
}
.p-macys-pb__reviews-ya {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    flex-shrink: 0;
}
.p-macys-pb__reviews-score-num {
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    color: var(--mc-black);
}
.p-macys-pb__reviews-rating-link {
    font-size: 16px;
    line-height: 1.4;
    color: var(--mc-black) !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.p-macys-pb__reviews-rating-link:link,
.p-macys-pb__reviews-rating-link:visited,
.p-macys-pb__reviews-rating-link:hover,
.p-macys-pb__reviews-rating-link:active { color: var(--mc-black) !important; text-decoration: underline; }

.p-macys-pb__reviews-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
    width: 100%;
}
.p-macys-pb__reviews-card {
    background: rgba(255, 255, 255, 0);
    border: 1px solid #cdd4e2;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 388px;
}
.p-macys-pb__reviews-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.p-macys-pb__reviews-name {
    margin: 0;
    font-family: 'Gilroy', 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    color: var(--mc-black);
}
.p-macys-pb__reviews-stars-sm {
    width: 100px;
    height: 16px;
    object-fit: contain;
    flex-shrink: 0;
}
.p-macys-pb__reviews-meta {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.p-macys-pb__reviews-track {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.p-macys-pb__reviews-track-label {
    font-family: 'Gilroy', 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
    color: var(--mc-black);
}
.p-macys-pb__reviews-track-link {
    font-family: 'Gilroy', 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: var(--mc-red) !important;
    text-decoration: underline;
    text-underline-offset: 1px;
}
.p-macys-pb__reviews-track-link:link,
.p-macys-pb__reviews-track-link:visited,
.p-macys-pb__reviews-track-link:hover,
.p-macys-pb__reviews-track-link:active { color: var(--mc-red) !important; text-decoration: underline; }
.p-macys-pb__reviews-delivery {
    margin: 0;
    max-width: 98px;
    font-family: 'Gilroy', 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
    line-height: 1.3;
    color: var(--mc-black);
    text-align: left;
}
.p-macys-pb__reviews-city {
    margin: 0;
    font-family: 'Gilroy', 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
    line-height: 1.3;
    color: var(--mc-black);
}
.p-macys-pb__reviews-city span { margin-right: 4px; }
.p-macys-pb__reviews-text {
    margin: 0;
    font-family: 'Gilroy', 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    color: var(--mc-black);
}
.p-macys-pb__reviews-photo {
    margin-top: auto;
    width: 100%;
    aspect-ratio: 320 / 199;
    box-shadow: 0px 17.227px 21.534px 0px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.p-macys-pb__reviews-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.p-macys-pb__reviews-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    padding: 20px 30px;
    background: var(--mc-red);
    color: var(--mc-white) !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s;
}
.p-macys-pb__reviews-cta:link,
.p-macys-pb__reviews-cta:visited,
.p-macys-pb__reviews-cta:hover,
.p-macys-pb__reviews-cta:active { color: var(--mc-white) !important; text-decoration: none; }
.p-macys-pb__reviews-cta:hover { background: var(--mc-red-hover); }

/* Reviews — адаптив */
@media (max-width: 1200px) {
    .p-macys-pb__reviews { width: auto; margin: 60px 20px 0; max-width: none; padding: 0; }
    .p-macys-pb__reviews-title { font-size: 26px; }
}
@media (max-width: 900px) {
    .p-macys-pb__reviews { margin: 60px 16px 0; padding: 0; }
    .p-macys-pb__reviews-header { width: 100%; align-items: stretch; }
    .p-macys-pb__reviews-title { text-align: center; }
    .p-macys-pb__reviews-list { grid-template-columns: 1fr; gap: 16px; }
    .p-macys-pb__reviews-title { font-size: 22px; }
    .p-macys-pb__reviews-rating { justify-content: center; flex-wrap: wrap; }
}
@media (max-width: 640px) {
    .p-macys-pb__reviews { margin-top: 60px; }
    .p-macys-pb__reviews-title { font-size: 20px; }
    .p-macys-pb__reviews-rating { gap: 12px; padding: 8px 12px; }
    .p-macys-pb__reviews-stars { width: 130px; height: 26px; }
    .p-macys-pb__reviews-score-num { font-size: 28px; }
    .p-macys-pb__reviews-ya { width: 36px; height: 36px; }
    .p-macys-pb__reviews-rating-link { font-size: 14px; }
    .p-macys-pb__reviews-card { padding: 16px; min-height: 340px; }
    .p-macys-pb__reviews-cta { font-size: 16px; padding: 16px 24px; height: 54px; }
}
@media (max-width: 380px) {
    .p-macys-pb__reviews-title { font-size: 18px; }
    .p-macys-pb__reviews-rating { flex-direction: column; align-items: flex-start; gap: 8px; }
}