/* =========================================================
   LANA VAN MEIR — archive collections
   Typography follows the desktop menu scale: 13px headings,
   12px reading text. No oversized headings.
   ========================================================= */

.lvm-archive-page,
.lvm-archive-detail {
    width: 100%;
    color: #111;
    font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
}

.lvm-archive-page *,
.lvm-archive-page *::before,
.lvm-archive-page *::after,
.lvm-archive-detail *,
.lvm-archive-detail *::before,
.lvm-archive-detail *::after { box-sizing: border-box; }

.lvm-archive-shell {
    width: min(100%, 1010px);
    margin: 0 auto;
    padding: 34px 0 72px;
}

.lvm-archive-detail__shell {
    width: min(100%, 860px);
    margin: 0 auto;
    padding: 34px 0 72px;
}

.lvm-archive-title,
.lvm-archive-detail__title {
    margin: 0;
    color: #111;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .06em;
}

/* Parent archive page */
.lvm-archive-title { margin-bottom: 30px; }

.lvm-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: start;
}

.lvm-archive-card {
    display: block;
    min-width: 0;
    color: #111;
    text-decoration: none;
}

.lvm-archive-card__title {
    min-height: 31px;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
}

.lvm-archive-card__image {
    display: block;
    width: 100%;
    aspect-ratio: 0.75;
    object-fit: cover;
    background: #f2f2f2;
}

.lvm-archive-card:hover .lvm-archive-card__title { text-decoration: underline; text-underline-offset: 3px; }
.lvm-archive-card:hover .lvm-archive-card__image { opacity: .94; }

/* Detail pages */
.lvm-archive-detail__title { margin-bottom: 10px; }

.lvm-archive-detail__kicker {
    margin: 0 0 24px;
    text-align: center;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 400;
}

.lvm-archive-detail__intro {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
    margin: 0 auto 24px;
    font-size: 12px;
    line-height: 1.5;
}

.lvm-archive-detail__intro p { margin: 0; }

.lvm-archive-masonry {
    columns: 4;
    column-gap: 4px;
}

.lvm-archive-masonry__item,
.lvm-archive-masonry__quote,
.lvm-archive-masonry__label {
    display: block;
    width: 100%;
    margin: 0 0 4px;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

.lvm-archive-masonry__item img {
    display: block;
    width: 100%;
    height: auto;
}

.lvm-archive-masonry__quote,
.lvm-archive-masonry__label {
    min-height: 92px;
    padding: 18px 12px;
    background: #fff;
    border: 1px solid #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 400;
}

.lvm-archive-masonry__label {
    min-height: 58px;
    font-size: 11px;
    text-transform: uppercase;
}

.lvm-archive-detail__closing {
    max-width: 780px;
    margin: 26px auto 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
}

.lvm-archive-detail__closing p { margin: 0 0 8px; }

.lvm-archive-detail__action {
    margin-top: 18px;
    text-align: center;
}

.lvm-archive-detail__button {
    display: inline-flex;
    min-width: 180px;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 7px 24px;
    border: 1px solid #333;
    color: #111;
    text-decoration: none;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: .08em;
}

.lvm-archive-detail__button:hover { opacity: .65; }

/* Linen / leather page: only the supplied material is shown. */
.lvm-archive-detail--linen .lvm-archive-detail__shell { width: min(100%, 720px); }
.lvm-archive-detail__single-image {
    display: block;
    width: min(100%, 560px);
    height: auto;
    margin: 24px auto 0;
}

@media (max-width: 900px) {
    .lvm-archive-shell,
    .lvm-archive-detail__shell { width: calc(100vw - 32px); }
    .lvm-archive-masonry { columns: 3; }
}

@media (max-width: 700px) {
    .lvm-archive-shell,
    .lvm-archive-detail__shell { width: calc(100vw - 28px); padding: 26px 0 48px; }
    .lvm-archive-grid { grid-template-columns: 1fr; gap: 30px; }
    .lvm-archive-card { max-width: 480px; margin: 0 auto; }
    .lvm-archive-card__title { min-height: 28px; }
    .lvm-archive-detail__intro { grid-template-columns: 1fr; gap: 12px; }
    .lvm-archive-masonry { columns: 2; }
}

@media (max-width: 430px) {
    .lvm-archive-masonry { columns: 1; }
}

/* =========================================================
   EMOTIONAL LINE — exact geometry from the approved PDF
   Source layout: 5 columns x 15 base rows.
   ========================================================= */

.lvm-archive-detail__shell--emotional {
    width: min(100%, 1120px);
}

.lvm-emotional-intro {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
    margin: 0 auto 26px;
    font-size: 12px;
    line-height: 1.5;
}

.lvm-emotional-intro p { margin: 0 0 9px; }
.lvm-emotional-intro p:last-child { margin-bottom: 0; }

/* The PDF uses a fixed editorial lattice.  The overall ratio below is taken
   directly from the gallery coordinates in the supplied PDF (177.38 x 708.51).
   Using one grid instead of separate bands prevents accumulated height drift. */
.lvm-emotional-grid {
    position: relative;
    width: 100%;
    aspect-ratio: 177.381 / 708.513;
    margin: 0 auto;
    min-width: 0;
    background: #fff;
}

/* Every image uses the exact rectangle from the supplied PDF. */
.lvm-emotional-tile {
    position: absolute;
    min-width: 0;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    background: #f2f2f2;
}

.lvm-emotional-tile > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Desktop captions are separate white rectangles, also copied from the PDF.
   This is important: captions are NOT centered on the whole photograph. */
.lvm-emotional-caption {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 2px 6px;
    overflow: hidden;
    background: #fff;
    color: #111;
    font-size: 9px;
    line-height: 1.15;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.lvm-emotional-caption--detail {
    display: flex;
    flex-direction: column;
    padding: 4px 7px;
    text-transform: none;
}

.lvm-emotional-caption--detail strong,
.lvm-emotional-caption--detail span { display: block; }

.lvm-emotional-caption--detail strong {
    margin-bottom: 2px;
    font-size: 9px;
    line-height: 1.1;
    font-weight: 600;
    text-transform: uppercase;
}

.lvm-emotional-caption--detail span {
    font-size: 7px;
    line-height: 1.12;
    font-weight: 400;
}

/* Mobile labels live inside the corresponding figure and are hidden on desktop. */
.lvm-emotional-mobile-label { display: none; }

.lvm-archive-detail__closing--emotional {
    max-width: 940px;
    margin-top: 24px;
}

@media (max-width: 900px) {
    .lvm-archive-detail__shell--emotional { width: calc(100vw - 32px); }
    .lvm-emotional-intro { gap: 22px; }
    .lvm-emotional-label { padding: 5px 7px; font-size: 8px; }
    .lvm-emotional-label--detail { min-width: 0; width: 52%; }
    .lvm-emotional-label--detail span { font-size: 7px; }
    .lvm-emotional-accessories-label { font-size: 8px; }
}

@media (max-width: 700px) {
    .lvm-emotional-intro { grid-template-columns: 1fr; gap: 10px; }

    /* Mobile: preserve editorial order, but stop forcing the desktop 5-column
       lattice into a narrow screen. */
    .lvm-emotional-grid {
        aspect-ratio: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
        grid-auto-rows: auto;
        gap: 3px;
    }

    .lvm-emotional-tile {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .lvm-emotional-tile > img {
        height: auto;
        object-fit: contain;
    }

    .lvm-emotional-tile--accessories > img { height: auto; }
    .lvm-emotional-accessories-label { flex-basis: auto; min-height: 28px; }
}


/* Emotional archive: responsive fallback. Desktop is an exact PDF-coordinate composition. */
@media (max-width: 700px) {
    .lvm-emotional-grid {
        position: static;
        aspect-ratio: auto;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3px;
    }

    .lvm-emotional-tile {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important;
    }

    .lvm-emotional-tile > img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .lvm-emotional-caption { display: none; }

    .lvm-emotional-mobile-label {
        display: block;
        padding: 7px 6px;
        background: #fff;
        color: #111;
        font-size: 9px;
        line-height: 1.25;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
    }

    .lvm-emotional-mobile-label--detail strong,
    .lvm-emotional-mobile-label--detail span { display: block; }

    .lvm-emotional-mobile-label--detail span {
        margin-top: 3px;
        font-size: 8px;
        font-weight: 400;
        text-transform: none;
    }
}

/* =========================================================
   SILK ARCHIVE — approved PDF composition
   Desktop uses one fixed editorial canvas so photos, accents
   and text inserts cannot be reflowed by CSS columns/masonry.
   ========================================================= */

.lvm-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.lvm-silk-exact-shell {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 24px 0 52px;
}

.lvm-silk-exact {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

.lvm-silk-exact__layout {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}

/* Invisible hit area over the visible button contained in the approved layout. */
.lvm-silk-exact__catalog-link {
    position: absolute;
    z-index: 5;
    left: 36.05%;
    top: 98.91%;
    width: 18.7%;
    height: 1.02%;
    display: block;
    cursor: pointer;
    background: transparent;
}

.lvm-silk-exact__catalog-link:focus-visible {
    outline: 1px solid #111;
    outline-offset: 2px;
}

.lvm-silk-mobile { display: none; }

@media (max-width: 900px) {
    .lvm-silk-exact-shell {
        width: calc(100vw - 32px);
        padding-top: 22px;
    }
}

@media (max-width: 700px) {
    .lvm-silk-exact { display: none; }
    .lvm-silk-mobile { display: block; }

    .lvm-silk-exact-shell {
        width: calc(100vw - 28px);
        padding: 26px 0 48px;
    }

    .lvm-silk-mobile__title {
        margin: 0 0 10px;
        color: #111;
        font-size: 13px;
        line-height: 1.35;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

    .lvm-silk-mobile__lead {
        margin: 0 0 20px;
        text-align: center;
        font-size: 12px;
        line-height: 1.45;
    }

    .lvm-silk-mobile__gallery {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3px;
    }

    .lvm-silk-mobile__item {
        margin: 0;
        min-width: 0;
    }

    .lvm-silk-mobile__item img {
        display: block;
        width: 100%;
        height: auto;
    }

    .lvm-silk-mobile__quote {
        min-height: 72px;
        padding: 14px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: 1px solid #efefef;
        text-align: center;
        font-size: 10px;
        line-height: 1.4;
    }
}

/* =========================================================
   V14 — archive pages aligned to approved client PDFs
   ========================================================= */

.lvm-archive-page--wide .lvm-archive-shell {
    width: min(100%, 1080px);
    padding-top: 30px;
}

.lvm-archive-page--wide .lvm-archive-grid {
    gap: 18px;
}

.lvm-archive-page--wide .lvm-archive-card__title {
    min-height: 36px;
    margin-bottom: 6px;
}

.lvm-archive-detail__shell--pdf {
    width: min(100%, 990px);
    margin: 0 auto;
    padding: 24px 0 56px;
}

.lvm-archive-detail__shell--emotional-v14 {
    width: min(100%, 1050px);
}

.lvm-pdf-collage {
    width: 100%;
    margin: 0 auto;
}

.lvm-pdf-collage img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.lvm-archive-detail__kicker--strong {
    max-width: 920px;
    margin: 0 auto 22px;
    font-weight: 700;
}

.lvm-emotional-intro--v14 {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.28fr);
    gap: 38px;
    margin: 0 auto 28px;
    font-size: 12px;
    line-height: 1.5;
}

.lvm-emotional-intro--v14 p {
    margin: 0;
}

.lvm-emotional-intro__accent {
    font-weight: 700;
}

.lvm-archive-detail__closing--emotional-v14 {
    max-width: 900px;
    margin-top: 26px;
}

@media (max-width: 900px) {
    .lvm-archive-page--wide .lvm-archive-shell,
    .lvm-archive-detail__shell--pdf,
    .lvm-archive-detail__shell--emotional-v14 {
        width: calc(100vw - 32px);
    }
}

@media (max-width: 700px) {
    .lvm-archive-page--wide .lvm-archive-shell,
    .lvm-archive-detail__shell--pdf,
    .lvm-archive-detail__shell--emotional-v14 {
        width: calc(100vw - 28px);
        padding: 26px 0 48px;
    }

    .lvm-emotional-intro--v14 {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 20px;
    }
}

/* =========================================================
   V15 — common desktop width aligned with header navigation
   Visually: from the "Сервис" item on the left to "Логин" on the right.
   ========================================================= */
@media (min-width: 901px) {
    .lvm-archive-page--wide .lvm-archive-shell,
    .lvm-archive-detail__shell--pdf,
    .lvm-archive-detail__shell--emotional-v14 {
        width: min(1300px, calc(100vw - 200px));
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }
}

/* =========================================================
   V16 — high quality archive collages built from individual
   source images extracted from the supplied PDFs.
   No full-page raster screenshot is used.
   ========================================================= */

@media (min-width: 901px) {
    .lvm-archive-detail__shell--header-width {
        width: min(1300px, calc(100vw - 200px)) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.lvm-pdf-layout {
    position: relative;
    width: 100%;
    aspect-ratio: var(--layout-ratio);
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    container-type: inline-size;
}

.lvm-pdf-tile {
    position: absolute;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.lvm-pdf-tile > img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: fill;
    transform-origin: center center;
}

.lvm-pdf-text {
    position: absolute;
    z-index: 5;
    margin: 0;
    padding: 0;
    color: #111;
    font-family: Verdana, Arial, sans-serif;
    font-size: clamp(7px, calc(var(--fcqw) * 1cqw), 14px);
    line-height: 1.08;
    font-weight: 400;
    white-space: nowrap;
    text-align: left;
}

.lvm-pdf-text--bold {
    font-weight: 700;
}

.lvm-pdf-layout--emotional .lvm-pdf-text {
    font-family: Arial, sans-serif;
    text-align: center;
}

.lvm-archive-detail--silk-v16 .lvm-archive-detail__action {
    margin-top: 20px;
}

.lvm-archive-detail--linen-v16 .lvm-archive-detail__shell--pdf,
.lvm-archive-detail--silk-v16 .lvm-archive-detail__shell--pdf {
    padding-top: 24px;
}

@media (max-width: 900px) {
    .lvm-archive-detail__shell--header-width {
        width: calc(100vw - 32px) !important;
    }
}

@media (max-width: 700px) {
    .lvm-archive-detail__shell--header-width {
        width: calc(100vw - 20px) !important;
        padding-top: 18px;
    }

    .lvm-pdf-text {
        font-size: clamp(5px, calc(var(--fcqw) * 1cqw), 10px);
    }
}


/* ======================================================================
   FINAL PDF LAYOUT OVERRIDE — CSS ONLY
   Source of truth: supplied final PDFs.
   No HTML/image changes required.
   ====================================================================== */

/* Common geometry: keep all PDF tiles exactly in the coordinates already
   written inline in the page markup. Avoid theme styles leaking into figures. */
.lvm-pdf-layout {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: var(--layout-ratio) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.lvm-pdf-layout > .lvm-pdf-tile {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.lvm-pdf-layout > .lvm-pdf-tile > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: fill !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    transform-origin: 50% 50% !important;
}

/* Main desktop width agreed with the header. */
@media (min-width: 901px) {
    .lvm-archive-page--wide .lvm-archive-shell,
    .lvm-archive-detail__shell--pdf,
    .lvm-archive-detail__shell--emotional-v14,
    .lvm-archive-detail__shell--header-width {
        width: min(1300px, calc(100vw - 200px)) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Base PDF text. No border, shadow or accidental background. */
.lvm-pdf-layout > .lvm-pdf-text {
    position: absolute !important;
    z-index: 20 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #111 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(7px, 0.60vw, 10px) !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-decoration: none !important;
}

/* ----------------------------------------------------------------------
   SILK — recreate the white caption plates from the PDF.
   The page already has the correct image coordinates; only the caption
   plates need to cover the corresponding image slices / blank cells.
   ---------------------------------------------------------------------- */
.lvm-pdf-layout--silk > .lvm-pdf-text {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Header copy in the upper-left remains plain text on the white page. */
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(5),
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(6),
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(7),
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(8) {
    background: transparent !important;
    display: block !important;
    font-size: clamp(7px, 0.58vw, 10px) !important;
    line-height: 1.12 !important;
}

/* 1. "Прикосновение шёлка ..." — one white cell, four lines. */
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(1) {
    left: 0% !important;
    top: 58.18% !important;
    width: 18.043478% !important;
    height: 1.55% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    font-size: 0 !important;
    text-align: center !important;
    white-space: normal !important;
}
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(1)::after {
    content: "Прикосновение шёлка\Aпереключает мысли\Aс режима \"надо\"\Aв режим \"я хочу\"";
    white-space: pre-line;
    font-size: clamp(7px, 0.56vw, 9px);
    line-height: 1.22;
    font-weight: 400;
    text-align: center;
}
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(2),
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(3),
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(4) {
    display: none !important;
}

/* 2. Top-right caption under the dotted silk photo. */
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(9) {
    left: 73.913043% !important;
    top: 6.18% !important;
    width: 18.043478% !important;
    height: 0.84% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    text-align: center !important;
    font-size: clamp(7px, 0.56vw, 9px) !important;
}

/* 3. Caption below the pink print: one white cell, three lines. */
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(10) {
    left: 55.434783% !important;
    top: 19.72% !important;
    width: 18.043478% !important;
    height: 1.25% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    font-size: 0 !important;
    text-align: center !important;
    white-space: normal !important;
}
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(10)::after {
    content: "Берешь шёлк в руки и кажется,\Aчто держишь в руках\Aвоздух";
    white-space: pre-line;
    font-size: clamp(7px, 0.54vw, 9px);
    line-height: 1.20;
    text-align: center;
}
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(11),
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(12) {
    display: none !important;
}

/* 4. "Роскошь, которую можно чувствовать кожей". */
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(13) {
    left: 36.956522% !important;
    top: 72.08% !important;
    width: 18.260870% !important;
    height: 0.86% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    font-size: 0 !important;
    text-align: center !important;
    white-space: normal !important;
}
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(13)::after {
    content: "Роскошь, которую можно\Aчувствовать кожей";
    white-space: pre-line;
    font-size: clamp(7px, 0.54vw, 9px);
    line-height: 1.20;
    text-align: center;
}
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(14) {
    display: none !important;
}

/* 5. "Шёлк — это невесомая форма силы". */
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(15) {
    left: 18.478261% !important;
    top: 89.92% !important;
    width: 18.043478% !important;
    height: 0.86% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    font-size: 0 !important;
    text-align: center !important;
    white-space: normal !important;
}
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(15)::after {
    content: "Шёлк - это невесомая\Aформа силы";
    white-space: pre-line;
    font-size: clamp(7px, 0.54vw, 9px);
    line-height: 1.20;
    text-align: center;
}
.lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(16) {
    display: none !important;
}

/* ----------------------------------------------------------------------
   EMOTIONAL — every caption is a full white strip from the PDF.
   No borders. The strips intentionally cover the bottom/top slice of the
   corresponding photos where the PDF has a white label area.
   ---------------------------------------------------------------------- */
.lvm-pdf-layout--emotional > .lvm-pdf-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    color: #111 !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 4px !important;
    text-align: center !important;
    font-size: clamp(7px, 0.58vw, 10px) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* ШЛЯПЫ */
.lvm-pdf-layout--emotional > .lvm-pdf-text:nth-of-type(1) {
    left: 0% !important;
    top: 20.72% !important;
    width: 39.739740% !important;
    height: 1.39% !important;
}
/* ОДЕЖДА ИЗ НАТУРАЛЬНОЙ КОЖИ */
.lvm-pdf-layout--emotional > .lvm-pdf-text:nth-of-type(2) {
    left: 60.260260% !important;
    top: 42.99% !important;
    width: 39.739740% !important;
    height: 1.39% !important;
}
/* ПЛАТЬЯ И КОРСЕТЫ */
.lvm-pdf-layout--emotional > .lvm-pdf-text:nth-of-type(3) {
    left: 40.140140% !important;
    top: 31.84% !important;
    width: 19.619620% !important;
    height: 1.39% !important;
}
/* АРТ-КОСТЮМЫ */
.lvm-pdf-layout--emotional > .lvm-pdf-text:nth-of-type(4) {
    left: 0% !important;
    top: 65.25% !important;
    width: 39.739740% !important;
    height: 1.36% !important;
}
/* АКСЕССУАРЫ — white strip above the scarf image. */
.lvm-pdf-layout--emotional > .lvm-pdf-text:nth-of-type(5) {
    left: 80.380380% !important;
    top: 55.704137% !important;
    width: 19.619620% !important;
    height: 1.755119% !important;
}
/* УКРАШЕНИЯ */
.lvm-pdf-layout--emotional > .lvm-pdf-text:nth-of-type(6) {
    left: 80.380380% !important;
    top: 20.72% !important;
    width: 19.619620% !important;
    height: 1.39% !important;
}

/* Emotional page text above the collage: keep the hierarchy from the brief. */
.lvm-archive-detail--emotional-v16 .lvm-archive-detail__kicker,
.lvm-archive-detail--emotional-v16 .lvm-archive-detail__kicker--strong {
    font-weight: 700 !important;
}
.lvm-archive-detail--emotional-v16 .lvm-emotional-intro--v14 {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.28fr) !important;
    gap: 38px !important;
}
.lvm-archive-detail--emotional-v16 .lvm-emotional-intro__accent {
    font-weight: 700 !important;
}

/* ----------------------------------------------------------------------
   LINEN / LEATHER — PDF has only the top-left title block; no plates.
   Keep it clean, transparent and aligned exactly to the inline coordinates.
   ---------------------------------------------------------------------- */
.lvm-pdf-layout--linen > .lvm-pdf-text {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: clamp(7px, 0.58vw, 10px) !important;
    line-height: 1.12 !important;
}

@media (max-width: 900px) {
    .lvm-archive-page--wide .lvm-archive-shell,
    .lvm-archive-detail__shell--pdf,
    .lvm-archive-detail__shell--emotional-v14,
    .lvm-archive-detail__shell--header-width {
        width: calc(100vw - 32px) !important;
    }
}

@media (max-width: 700px) {
    .lvm-archive-page--wide .lvm-archive-shell,
    .lvm-archive-detail__shell--pdf,
    .lvm-archive-detail__shell--emotional-v14,
    .lvm-archive-detail__shell--header-width {
        width: calc(100vw - 20px) !important;
    }

    .lvm-pdf-layout > .lvm-pdf-text,
    .lvm-pdf-layout--emotional > .lvm-pdf-text {
        font-size: clamp(5px, 1.45vw, 8px) !important;
    }

    .lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(1)::after,
    .lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(10)::after,
    .lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(13)::after,
    .lvm-pdf-layout--silk > .lvm-pdf-text:nth-of-type(15)::after {
        font-size: clamp(5px, 1.3vw, 7px);
    }
}
