/* Solutions section — vshokolade.com — 2026-09-13 */
.page-id-4725 .vsh-solutions,
.page-id-4751 .vsh-solutions,
.page-id-4753 .vsh-solutions,
.page-id-4755 .vsh-solutions,
.page-id-4757 .vsh-solutions { color:#3f2518; }

.page-id-4725 .vsh-solutions *,
.page-id-4751 .vsh-solutions *,
.page-id-4753 .vsh-solutions *,
.page-id-4755 .vsh-solutions *,
.page-id-4757 .vsh-solutions * { box-sizing:border-box; }

.vsh-solutions__hero { position:relative; overflow:hidden; margin:18px 0 38px; padding:42px 44px; border:1px solid #eadfd4; border-radius:20px; background:linear-gradient(135deg,#fffaf5 0%,#f8ede2 100%); }
.page-id-4725 .vsh-solutions__hero::after { content:""; position:absolute; top:18px; right:28px; bottom:18px; width:38%; background:url('/wp-content/uploads/2026/09/bg_gifts-001.svg') no-repeat center / contain; pointer-events:none; }
.page-id-4725 .vsh-solutions__hero > * { position:relative; z-index:1; }

/* 15.09.2026 — keep /resheniya/ hero text clear of the artwork */
@media (min-width:782px) {
  .page-id-4725 .vsh-solutions__hero h1,
  .page-id-4725 .vsh-solutions__lead,
  .page-id-4725 .vsh-solutions__quick { max-width:54%; }
}

/* Breadcrumbs and hero artwork for child pages of /resheniya/. */
body.parent-pageid-4725 .vsh-page-breadcrumbs {
  display:flex; flex-wrap:wrap; align-items:center; gap:12px;
  margin:18px 0 16px; padding:0 0 0 44px;
  color:#a8662f; font-size:14px; font-weight:600; line-height:1.2;
  letter-spacing:.045em; text-transform:uppercase;
}
body.parent-pageid-4725 .vsh-page-breadcrumbs a { color:#70451f; text-decoration:none; }
body.parent-pageid-4725 .vsh-page-breadcrumbs a:hover { color:#5b3719; text-decoration:none; }
body.parent-pageid-4725 .vsh-page-breadcrumbs__separator {
  display:inline-block; flex:0 0 42px; width:42px; height:1px; overflow:hidden;
  background:#b98755; color:transparent; font-size:0; line-height:0;
}
body.parent-pageid-4725 .vsh-page-breadcrumbs__current { color:#a8662f; }
body.parent-pageid-4725 .vsh-page-breadcrumbs + .vsh-solutions__hero { margin-top:0; }
body.parent-pageid-4725 .vsh-solutions__hero { position:relative; overflow:hidden; }
body.parent-pageid-4725 .vsh-solutions__hero > * { position:relative; z-index:1; }
body.parent-pageid-4725 .vsh-solutions__eyebrow { display:none; }
body.parent-pageid-4725 .vsh-solutions__hero h1 { max-width:72%; }
body.parent-pageid-4725 .vsh-solutions__lead { max-width:68%; }
body.parent-pageid-4725 .vsh-solutions__quick { max-width:72%; }
body.parent-pageid-4725 .vsh-solutions__hero::after {
  content:""; position:absolute; top:50%; right:52px; width:280px; height:280px;
  transform:translateY(-50%); background-color:#70451f; opacity:.26; pointer-events:none;
  -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain;
  mask-repeat:no-repeat; mask-position:center; mask-size:contain;
}
body.page-id-4751 .vsh-solutions__hero::after { -webkit-mask-image:url('/wp-content/uploads/2026/08/business-001-1.svg'); mask-image:url('/wp-content/uploads/2026/08/business-001-1.svg'); }
body.page-id-4753 .vsh-solutions__hero::after { -webkit-mask-image:url('/wp-content/uploads/2026/08/business-002.svg'); mask-image:url('/wp-content/uploads/2026/08/business-002.svg'); }
body.page-id-4755 .vsh-solutions__hero::after { -webkit-mask-image:url('/wp-content/uploads/2026/08/business-003.svg'); mask-image:url('/wp-content/uploads/2026/08/business-003.svg'); }
body.page-id-4757 .vsh-solutions__hero::after { -webkit-mask-image:url('/wp-content/uploads/2026/08/business-004.svg'); mask-image:url('/wp-content/uploads/2026/08/business-004.svg'); }

.vsh-solutions__eyebrow { display:flex; align-items:center; gap:14px; margin:0 0 13px; color:#a8662f; font-size:14px; font-weight:700; line-height:1.2; letter-spacing:.055em; text-transform:uppercase; }
.vsh-solutions__eyebrow::after { content:""; width:64px; height:1px; background:#b98755; }
.vsh-solutions__hero h1 { max-width:1080px; margin:0; color:#3f2518; font-size:clamp(34px,3vw,52px); line-height:1.08; }
.vsh-solutions__lead { max-width:1040px; margin:18px 0 0; color:#5f5147; font-size:18px; line-height:1.58; }
.vsh-solutions__quick { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 0; }
.vsh-solutions__quick a { display:inline-flex; align-items:center; min-height:40px; padding:9px 15px; border:1px solid #ddc8b5; border-radius:999px; background:#fff; color:#70451f; font-size:14px; font-weight:600; text-decoration:none; }
.vsh-solutions__quick a:hover { border-color:#b98755; background:#fff8f1; }

.vsh-solutions__section { margin:48px 0; }
.vsh-solutions__section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin:0 0 22px; }
.vsh-solutions__section h2 { margin:0; color:#3f2518; font-size:clamp(27px,2.1vw,36px); line-height:1.18; }
.vsh-solutions__section-intro { max-width:820px; margin:9px 0 0; color:#6b5b4e; font-size:16px; line-height:1.55; }

.vsh-solutions__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.vsh-solution-card { display:grid; grid-template-columns:minmax(0,1fr) 220px; min-height:238px; overflow:hidden; border:1px solid #eadfd4; border-radius:18px; background:#fffdf9; color:#3f2518; text-decoration:none !important; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.vsh-solution-card, .vsh-solution-card:hover, .vsh-solution-card:focus, .vsh-solution-card:visited, .vsh-solution-card * { text-decoration:none !important; }
.vsh-solution-card:hover { transform:translateY(-2px); border-color:#d7b99d; box-shadow:0 10px 30px rgba(84,50,28,.07); }
.vsh-solution-card__body { display:flex; flex-direction:column; padding:24px 28px 22px 44px; }
.vsh-solution-card__kicker { margin:0 0 10px; color:#a8662f; font-size:14px; font-weight:700; letter-spacing:.045em; text-transform:uppercase; }
.vsh-solution-card h3 { margin:0 0 12px; color:#3f2518; font-size:28px; line-height:1.15; }
.vsh-solution-card p { margin:0; color:#5c5148; font-size:16px; line-height:1.52; }
.vsh-solution-card__more { display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:16px; color:#70451f; font-size:17px; font-weight:700; }
.vsh-solution-card__more::after { content:"→"; font-size:20px; }
.vsh-solution-card__media { position:relative; display:flex; align-items:center; justify-content:center; min-height:100%; overflow:hidden; background:#fffaf5; }
.vsh-solution-card__media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease; }
.vsh-solution-card:hover .vsh-solution-card__media img { transform:scale(1.035); }
.vsh-solution-card:nth-child(-n+6) .vsh-solution-card__media img { display:none; }
.vsh-solution-card:nth-child(-n+6) .vsh-solution-card__media::before {
  content:"";
  display:block;
  width:148px;
  height:148px;
  background-color:#70451F;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
}
.vsh-solution-card:nth-child(1) .vsh-solution-card__media::before { -webkit-mask-image:url('/wp-content/uploads/2026/08/business-001-1.svg'); mask-image:url('/wp-content/uploads/2026/08/business-001-1.svg'); }
.vsh-solution-card:nth-child(2) .vsh-solution-card__media::before { -webkit-mask-image:url('/wp-content/uploads/2026/08/business-002.svg'); mask-image:url('/wp-content/uploads/2026/08/business-002.svg'); }
.vsh-solution-card:nth-child(3) .vsh-solution-card__media::before { -webkit-mask-image:url('/wp-content/uploads/2026/08/business-003.svg'); mask-image:url('/wp-content/uploads/2026/08/business-003.svg'); }
.vsh-solution-card:nth-child(4) .vsh-solution-card__media::before { -webkit-mask-image:url('/wp-content/uploads/2026/08/business-004.svg'); mask-image:url('/wp-content/uploads/2026/08/business-004.svg'); }
.vsh-solution-card:nth-child(5) .vsh-solution-card__media::before { -webkit-mask-image:url('/wp-content/uploads/2026/09/gifts-001.svg'); mask-image:url('/wp-content/uploads/2026/09/gifts-001.svg'); }
.vsh-solution-card:nth-child(6) .vsh-solution-card__media::before { -webkit-mask-image:url('/wp-content/uploads/2026/09/promo-001-1.svg'); mask-image:url('/wp-content/uploads/2026/09/promo-001-1.svg'); }

.vsh-solutions__catalog { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.vsh-catalog-link { display:flex; align-items:center; min-height:88px; padding:18px 20px; border:1px solid #eadfd4; border-radius:14px; background:#fff; color:#3f2518; font-size:16px; font-weight:700; line-height:1.3; text-decoration:none; }
.vsh-catalog-link::after { content:"→"; margin-left:auto; padding-left:12px; color:#b98755; }
.vsh-catalog-link:hover { border-color:#d7b99d; background:#fffaf5; }

.vsh-solutions__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; counter-reset:vshstep; }
.vsh-step { position:relative; min-height:190px; padding:26px 24px 24px; border-radius:16px; background:#f7eee6; counter-increment:vshstep; }
.vsh-step::before { content:"0" counter(vshstep); display:block; margin:0 0 18px; color:#b98755; font-size:13px; font-weight:800; letter-spacing:.08em; }
.vsh-step h3 { margin:0 0 8px; font-size:20px; line-height:1.25; }
.vsh-step p { margin:0; color:#5c5148; line-height:1.55; }

.vsh-solutions__features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.vsh-feature { padding:22px 24px; border:1px solid #eadfd4; border-radius:14px; background:#fff; }
.vsh-feature h3 { margin:0 0 7px; font-size:19px; line-height:1.25; }
.vsh-feature p { margin:0; color:#5c5148; line-height:1.55; }

.vsh-solutions__cta { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:28px; margin:52px 0 12px; padding:32px 34px; border-radius:16px; background:#70451f; color:#fff; }
.vsh-solutions__cta h2 { margin:0 0 8px; color:#fff; font-size:28px; }
.vsh-solutions__cta p { max-width:800px; margin:0; color:#f5e9dd; line-height:1.55; }
.vsh-solutions__cta-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.vsh-solutions__button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:11px 20px; border:1px solid #fff; border-radius:8px; background:#fff; color:#70451f; font-weight:700; text-decoration:none; }
.vsh-solutions__button--ghost { background:transparent; color:#fff; }
.vsh-solutions__button:hover { opacity:.92; }

body.page-id-4751 header a[href$="/resheniya/"],
body.page-id-4753 header a[href$="/resheniya/"],
body.page-id-4755 header a[href$="/resheniya/"],
body.page-id-4757 header a[href$="/resheniya/"] { position:relative; color:#70451f !important; font-weight:600; }
body.page-id-4751 header a[href$="/resheniya/"]::after,
body.page-id-4753 header a[href$="/resheniya/"]::after,
body.page-id-4755 header a[href$="/resheniya/"]::after,
body.page-id-4757 header a[href$="/resheniya/"]::after { content:""; position:absolute; left:0; right:0; bottom:-7px; height:2px; border-radius:2px; background:#b98755; }

@media (max-width:1100px) {
  .vsh-solutions__catalog { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vsh-solution-card { grid-template-columns:minmax(0,1fr) 190px; }
}
@media (max-width:1180px) {
  body.parent-pageid-4725 .vsh-page-breadcrumbs { padding-left:32px; }
  body.parent-pageid-4725 .vsh-solutions__hero h1 { max-width:76%; }
  body.parent-pageid-4725 .vsh-solutions__lead { max-width:74%; }
  body.parent-pageid-4725 .vsh-solutions__quick { max-width:76%; }
  body.parent-pageid-4725 .vsh-solutions__hero::after { right:26px; width:220px; height:220px; opacity:.10; }
}
@media (max-width:781px) {
  body.parent-pageid-4725 .vsh-page-breadcrumbs { padding-left:24px; gap:9px; margin:14px 0 14px; font-size:13px; letter-spacing:.035em; }
  body.parent-pageid-4725 .vsh-page-breadcrumbs__separator { flex-basis:28px; width:28px; }
  body.parent-pageid-4725 .vsh-solutions__hero h1,
  body.parent-pageid-4725 .vsh-solutions__lead,
  body.parent-pageid-4725 .vsh-solutions__quick { max-width:none; }
  body.parent-pageid-4725 .vsh-solutions__hero::after { right:-20px; width:190px; height:190px; opacity:.045; }

  .vsh-solutions__hero { margin-top:10px; padding:28px 24px; border-radius:16px; }
  .page-id-4725 .vsh-solutions__hero::after { top:auto; right:12px; bottom:12px; width:46%; height:42%; opacity:.22; }
  .vsh-solutions__lead { font-size:16px; }
  .vsh-solutions__grid,.vsh-solutions__features,.vsh-solutions__steps { grid-template-columns:1fr; }
  .vsh-solution-card { grid-template-columns:1fr; min-height:0; }
  .vsh-solution-card__media { order:-1; height:160px; }
  .vsh-solution-card:nth-child(-n+6) .vsh-solution-card__media { height:128px; }
  .vsh-solution-card:nth-child(-n+6) .vsh-solution-card__media::before { width:104px; height:104px; }
  .vsh-solution-card__body { padding:22px 22px 20px 24px; }
  .vsh-solution-card h3 { font-size:25px; }
  .vsh-solution-card p { font-size:15px; }
  .vsh-solutions__catalog { grid-template-columns:1fr; }
  .vsh-solutions__cta { grid-template-columns:1fr; padding:26px 24px; }
  .vsh-solutions__cta-actions { justify-content:flex-start; }
}

/* 14.09.2026 — VSH solutions process icons, /resheniya/ only */
.page-id-4725 .vsh-solutions__steps {
    position: relative;
    gap: 14px;
    margin-top: 24px;
    counter-reset: none;
}

.page-id-4725 .vsh-solutions__steps::before {
    content: none;
    display: none;
}

.page-id-4725 .vsh-solutions__steps .vsh-step {
    position: relative;
    min-height: 190px;
    padding: 22px 24px 24px;
    border: 1px solid rgba(112, 69, 31, .06);
    border-radius: 16px;
    background: #fbf5ee;
    counter-increment: none;
}

.page-id-4725 .vsh-solutions__steps .vsh-step::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 24px;
    width: 84px;
    height: 84px;
    margin: 0;
    border: 1.5px solid #70451F;
    border-radius: 50%;
    background-color: #fffaf5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
}

.page-id-4725 .vsh-solutions__steps .vsh-step:nth-child(1)::before {
    background-image: url('/service-scripts/images/solution-steps/task.svg');
}
.page-id-4725 .vsh-solutions__steps .vsh-step:nth-child(2)::before {
    background-image: url('/service-scripts/images/solution-steps/parameters.svg');
}
.page-id-4725 .vsh-solutions__steps .vsh-step:nth-child(3)::before {
    background-image: url('/service-scripts/images/solution-steps/format.svg');
}

.page-id-4725 .vsh-solutions__steps .vsh-step h3 {
    display: flex;
    align-items: center;
    min-height: 84px;
    margin: 0 0 8px;
    padding-left: 108px;
    color: #3f2518;
    font-size: 22px;
    line-height: 1.15;
}

.page-id-4725 .vsh-solutions__steps .vsh-step p {
    margin: 0;
    color: #5c5148;
    font-size: 16px;
    line-height: 1.58;
}

@media (max-width: 781px) {
    .page-id-4725 .vsh-solutions__steps {
        gap: 12px;
        margin-top: 20px;
    }
    .page-id-4725 .vsh-solutions__steps::before {
        content: none;
        display: none;
    }
    .page-id-4725 .vsh-solutions__steps .vsh-step {
        min-height: 0;
        padding: 16px 18px 18px;
    }
    .page-id-4725 .vsh-solutions__steps .vsh-step::before {
        top: 14px;
        left: 16px;
        width: 70px;
        height: 70px;
        background-size: 34px 34px;
    }
    .page-id-4725 .vsh-solutions__steps .vsh-step h3 {
        min-height: 70px;
        margin: 0 0 8px;
        padding-left: 90px;
        font-size: 20px;
    }
    .page-id-4725 .vsh-solutions__steps .vsh-step p {
        font-size: 15px;
    }
}

/* 14.09.2026 — responsive spacing / catalog arrows / hero watermark */
@media (min-width: 1401px) {
    .page-id-4725 .vsh-solutions__steps {
        margin-left: 44px;
    }
}

@media (max-width: 1400px) {
    .page-id-4725 .vsh-catalog-link::after {
        content: none;
        display: none;
    }

    .page-id-4725 .vsh-solutions__hero::after {
        opacity: .12;
    }
}