/* Product layout shared exclusively by the four marketplace detail pages. */
body .mp-product { --mp-accent: #087f75; }
body .mp-product .jq-hero { padding: 48px 0 !important; }
body .mp-product .jq-hero > .max-w-5xl:not(.text-center) { display: none; }
body .mp-product .jq-hero > .text-center { max-width: 1200px; text-align: left; }
body .mp-product .jq-hero > .text-center > .mx-auto { display: none; }
body .mp-product .mp-eyebrow { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; color: #b9d6d6 !important; font-size: 12px !important; letter-spacing: .08em; text-transform: uppercase; }
body .mp-eyebrow img { width: 32px; height: 32px; border-radius: 9px; }
body .mp-product .mp-logo-chip { display: inline-flex; align-items: center; background: #fff; border-radius: 16px; padding: 14px 26px; box-shadow: 0 10px 28px rgba(2, 16, 22, .35); }
body .mp-product .mp-logo-chip img { display: block; width: auto; max-width: min(300px, 68vw); height: 44px; }
body .mp-product .mp-eyebrow i, body .mp-product .mp-eyebrow svg { font-size: 20px; line-height: 1; }
body .mp-product section.jq-hero h1 { font-size: clamp(2rem,3.4vw,3rem) !important; margin-bottom: 20px; }
body .mp-product .jq-hero h1 + .flex { justify-content: flex-start; gap: 8px; margin-bottom: 20px; }
body .mp-product section.jq-hero .jq-chip { background: #ffffff0a !important; border-color: #ffffff26 !important; color: #ffffff !important; text-transform: none; letter-spacing: 0 !important; font-weight: 500; }
body .mp-product .jq-chip > span { display: none !important; }
body .mp-product .jq-hero p.font-bold { font-size: 19px !important; color: #fff !important; font-weight: 600 !important; margin-bottom: 10px; }
body .mp-product .jq-hero .fb-fresh,
body .mp-product .jq-hero .fb-fresh span,
body .mp-product .jq-hero .fb-fresh i { color: #000 !important; }
body .mp-product .jq-hero p.mb-10 { font-size: 15px !important; line-height: 1.65 !important; margin-bottom: 24px; max-width: 460px; }
body .mp-product .mp-actions { justify-content: flex-start; gap: 10px; align-items: stretch; }
body .mp-product .mp-actions > * { min-height: 48px; font-size: 14px !important; padding: 12px 17px !important; width: auto; flex: 0 1 auto; }
body .mp-product .mp-buy-cta { background: #087f75 !important; color: #fff !important; border: 1px solid #2ea694 !important; border-radius: 12px !important; box-shadow: none !important; gap: 8px; transform: none !important; }
body .mp-product .mp-buy-cta:hover { background: #06665f !important; }
body .mp-product .mp-buy-ico { display: none; }
body .mp-product .mp-buy-price { font-size: 15px !important; }
body .mp-product .mp-actions > a[href^="https://disk"] { order: 1; background: transparent !important; color: #d5e7e6 !important; border: 1px solid transparent !important; box-shadow: none !important; }
body .mp-product .mp-actions > a[href^="https://disk"] > span:first-child { display: inline !important; }
body .mp-product .mp-actions > a[href^="https://disk"]:hover { background: #ffffff14 !important; color: #fff !important; }
body .mp-product .mp-actions > button[data-cart-id] { order: 2; justify-content: center; background: #edf7f3 !important; color: #14594f !important; border: 1px solid #afd8c9 !important; padding: 12px 17px !important; min-height: 48px; box-shadow: none !important; }
body .mp-product .mp-actions > button[data-cart-id]:hover { background: #d6eee4 !important; border-color: #75b69e !important; }
body .mp-product .mp-actions > button[data-cart-id].in-cart { background: #d6eee4 !important; color: #14594f !important; border-color: #75b69e !important; }
body .mp-product .mp-demo { margin-top: 32px; min-width: 0; flex-direction: column; }
body .mp-product .mp-demo-label { color: #c3dcd9; font-size: 12px; margin-bottom: 10px; letter-spacing: .02em; }
body .mp-product :is(.ozon-demo,.wb-demo,.ym-demo,.sm-demo,.tg-demo) { border: 1px solid #dae6e6 !important; border-radius: 16px !important; box-shadow: 0 18px 48px #001a242b !important; width: 100%; min-width: 0; }
body .mp-product :is(.ozon-demo-bar,.wb-demo-bar,.ym-demo-bar,.sm-demo-bar,.tg-demo-bar) { background: #f0f6f6 !important; border-bottom: 1px solid #dbe6e5; flex-wrap: wrap; padding: 12px; gap: 6px; }
body .mp-product :is(.ozon-demo-title,.wb-demo-title,.ym-demo-title,.sm-demo-title,.tg-demo-title) { color: #31525b !important; font-weight: 600; }
body .mp-product :is(.ozon-dot,.wb-dot,.ym-dot,.sm-dot,.tg-dot) { display: none; }
body .mp-product :is(.ozon-demo-search,.wb-demo-search,.ym-demo-search,.sm-demo-search,.tg-demo-search) { flex: 1 0 100%; width: 100%; min-width: 0; border: 1px solid #cbdcdb; border-radius: 8px; background: #fff; color: #213f49; font-size: 16px; min-height: 40px; }
body .mp-product :is(.ozon-demo-scroll,.wb-demo-scroll,.ym-demo-scroll,.sm-demo-scroll,.tg-demo-scroll) { max-height: 290px !important; overflow: auto; background: #fff; }
body .mp-product :is(.ozon-demo-table,.wb-demo-table,.ym-demo-table,.sm-demo-table,.tg-demo-table) { font-size: 12px; color: #334b55; }
body .mp-product :is(.ozon-demo-foot,.wb-demo-foot,.ym-demo-foot,.sm-demo-foot,.tg-demo-foot) { background: #f0f6f6 !important; color: #49666c !important; font-size: 11px; flex-wrap: wrap; gap: 5px; }
body .mp-product > section:not(.jq-hero) { padding-top: 44px !important; padding-bottom: 44px !important; }
body .mp-product > section:not(.jq-hero) > div { max-width: 1152px; }
body .mp-product .jq-section-title { font-size: clamp(1.5rem,2.5vw,2rem) !important; margin-bottom: 20px; text-align: left; }
body .mp-product > section p { line-height: 1.7; max-width: 85ch; }
body .mp-product .jq-card { box-shadow: none !important; }
body .mp-product .jq-card .uppercase { text-transform: none; }
body .mp-product .jq-card .font-bold.text-slate-600 { font-weight: 400; }
body .mp-product > .bg-slate-900 { background: #f0f6f5 !important; color: #183e46 !important; }
body .mp-product > section.bg-slate-900 .jq-section-title { color: #183e46 !important; }
body .mp-product .jq-stat-dark { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 12px !important; }
body .mp-product .jq-stat-dark .num { color: #176b62 !important; font-size: 30px !important; }
body .mp-product .jq-stat-dark .text-slate-300 { color: #516b70 !important; font-size: 12px; text-transform: none; font-weight: 500; }
body .mp-product > section:last-child { background: #153c44 !important; }
body .mp-product > section:last-child .jq-section-title { text-align: center; }
body .mp-product > section:last-child p { margin-bottom: 24px; }
body .mp-product .mp-actions > .mp-buy-cta { background: #087f75 !important; color: #fff !important; border: 1px solid #2ea694 !important; border-radius: 12px !important; box-shadow: none !important; min-height: 48px; padding: 12px 17px !important; }
body .mp-product .mp-actions > .mp-buy-cta:hover { background: #06665f !important; }
body .mp-product .ozon-demo-table { width: max-content; min-width: 100%; border-collapse: collapse; }
body .mp-product .ozon-demo-table th, body .mp-product .ozon-demo-table td { padding: 8px 12px; border-bottom: 1px solid #e6eeee; text-align: left; white-space: nowrap; }
body .mp-product .ozon-demo-table th { position: sticky; top: 0; background: #f7fbfb; color: #31525b; font-size: 11px; font-weight: 700; }
body .mp-product .mp-actions > a.jq-btn-light { background: #ffffff !important; color: #0f172a !important; border: 1px solid #ffffff !important; box-shadow: none !important; }
body .mp-product .mp-actions > a.jq-btn-light:hover { background: #e8f1f0 !important; color: #0f172a !important; border-color: #e8f1f0 !important; }
@media (min-width: 1100px) {
  body .mp-product .jq-hero > .text-center { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); column-gap: 48px; align-items: start; }
  body .mp-product .jq-hero > .text-center > :not(.mp-demo) { grid-column: 1; }
  body .mp-product .mp-demo { grid-column: 2; grid-row: 1 / span 7; margin-top: 0; align-self: center; }
}
@media (max-width: 640px) {
  body .mp-product .jq-hero { padding: 28px 0 32px !important; }
  body .mp-product .mp-actions { flex-direction: row; flex-wrap: wrap; }
  body .mp-product .mp-actions > .mp-buy-cta, body .mp-product .mp-actions > a { flex: 1 1 auto; }
  body .mp-product .mp-demo { margin-top: 20px; }
  body .mp-product :is(.ozon-demo-scroll,.wb-demo-scroll,.ym-demo-scroll,.sm-demo-scroll,.tg-demo-scroll) { max-height: 230px !important; }
  body .mp-product .mp-demo-label { font-size: 11px; }
}