/* Start:/bitrix/templates/aspro-allcorp3digital/components/bitrix/news/services/style.min.css?166015450449*/
.services-list~.text_after_items{margin-top:41px}
/* End */


/* Start:/local/assets/4retail/patterns/service-product-page/service-product-page.css?1783494985204025*/
/*!
 * 4Retail service-product-page design system
 * Candidate draft for Liza workspace, 2026-06-24.
 *
 * Based on current live CSS from:
 * /local/assets/4retail/patterns/service-product-page/service-product-page.css
 *
 * Purpose:
 * - one shared visual core for the "Торговое оборудование" branch;
 * - equipment/service pages use .r4-service-product-page;
 * - parent hub pages use .r4-service-product-page.r4-sp-hub;
 * - page-specific classes like .r4-page-stellazhi or
 *   .r4-page-torgovoe-oborudovanie are only for small exceptions.
 *
 * Safety:
 * - this candidate is not deployed;
 * - do not sort the whole file automatically yet, because the current live CSS
 *   contains ordered override layers and append-only fixes;
 * - add new shared patterns in clearly marked dated layers;
 * - move repeated page overrides into the shared core only after visual QA.
 *
 * Current implemented modes:
 * - .r4-service-product-page: narrow equipment/service page benchmark;
 * - .r4-service-product-page.r4-sp-hub: parent hub benchmark.
 *
 * Layer index:
 * 00. File passport and safety rules.
 * 01. Service page core: tokens, global resets, section rhythm, buttons,
 *     cards, CTA, FAQ, desktop/tablet/mobile base.
 * 02. Service page historical overrides: accumulated visual refinements
 *     kept in current cascade order.
 * 03. Designer refinement modules: documented block/mobile rules for the
 *     approved stellazhi benchmark.
 * 04. Parent hub mode: .r4-service-product-page.r4-sp-hub components.
 * 05. Bitrix/Aspro wrapper fixes for the parent hub page.
 * 06. Hub related-section polish.
 *
 * Important: layer names describe the existing cascade. They do not mean
 * the file can be automatically sorted. Reordering is a separate QA task.
 */

/* ==========================================================================
   LAYER 01 · SERVICE PAGE CORE
   --------------------------------------------------------------------------
   Compact live baseline for equipment/service pages. This layer defines the
   shared visual language: variables, typography resets, section spacing,
   reusable cards, buttons, CTA, FAQ and responsive base behavior.

   Scope:
   - root: .r4-service-product-page;
   - benchmark: equipment/service page, e.g. stellazhi;
   - do not move rules out of this layer without screenshot QA.
   ========================================================================== */

.r4-service-product-page{--r4-sp-line-dark:#D8D0C8;--r4-sp-bg-2:#FFF9F4;--r4-sp-panel:#FFFFFF;--r4-sp-blue-soft:#EEF6FA;--r4-sp-radius:18px;--r4-sp-radius-sm:12px;--r4-sp-shadow-strong:0 28px 78px rgba(48, 51, 54, .14);text-rendering:geometricPrecision}
.r4-service-product-page, .r4-service-product-page *, .r4-service-product-page *::before, .r4-service-product-page *::after{box-sizing:border-box}
.r4-service-product-page *{letter-spacing:0 !important}
.r4-service-product-page a{color:inherit;text-decoration:none}
.r4-service-product-page img{display:block;max-width:100%}
.r4-service-product-page h2, .r4-service-product-page h3, .r4-service-product-page p{margin:0}
.r4-service-product-page h2, .r4-service-product-page h3, .r4-service-product-page b, .r4-service-product-page strong, .r4-service-product-page .price, .r4-service-product-page .cta-phone-num{color:var(--r4-sp-ink)}
.r4-service-product-page h2, .r4-service-product-page h3{font-family:inherit;font-weight:800;line-height:1.08}
.r4-service-product-page p, .r4-service-product-page li, .r4-service-product-page small, .r4-service-product-page .section-lead, .r4-service-product-page .terms, .r4-service-product-page .faq-row-a{color:var(--r4-sp-text)}
.r4-service-product-page > .section-block:not(.intro-section):not(.accessory-section):not(.expert-section):not(.process-section):not(.cta-section){max-width:1440px;margin-right:auto;margin-left:auto}
.r4-service-product-page .section-block{position:relative;margin-top:clamp(72px, 7vw, 116px)}
.r4-service-product-page .section-heading, .r4-service-product-page .faq-head-title, .r4-service-product-page .cta-title{max-width:980px;font-size:clamp(32px, 3.7vw, 54px);line-height:1.04}
.r4-service-product-page .section-lead, .r4-service-product-page .cta-sub{max-width:820px;margin-top:16px;font-size:clamp(15px, 1.12vw, 18px);line-height:1.66}
.r4-service-product-page .section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(22px, 3vw, 56px);margin-bottom:clamp(28px, 3.4vw, 48px)}
.r4-service-product-page .section-top > div{min-width:0}
.r4-service-product-page .eyebrow, .r4-service-product-page .cta-eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:10px;margin:0 0 16px;color:var(--r4-sp-orange);font-size:12px;font-weight:900;line-height:1.2;text-transform:uppercase}
.r4-service-product-page .eyebrow::before, .r4-service-product-page .cta-eyebrow::before{display:inline-block;width:32px;height:2px;background:currentColor;content:""}
.r4-service-product-page .btn, .r4-service-product-page .btn-jqm{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:1px solid var(--r4-sp-line);border-radius:999px;background:#fff;color:var(--r4-sp-ink);font-family:inherit;font-size:14px;font-weight:900;line-height:1.15;text-align:center;cursor:pointer;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease}
.r4-service-product-page .btn:hover, .r4-service-product-page .btn-jqm:hover{transform:translateY(-2px);border-color:rgba(255, 76, 0, .42);box-shadow:var(--r4-sp-shadow)}
.r4-service-product-page .btn--primary, .r4-service-product-page .btn-jqm{border-color:var(--r4-sp-orange);background:var(--r4-sp-orange);color:#fff;box-shadow:0 16px 36px rgba(255, 76, 0, .26)}
.r4-service-product-page .btn--primary:hover, .r4-service-product-page .btn-jqm:hover{border-color:var(--r4-sp-orange-dark);background:var(--r4-sp-orange-dark);color:#fff;box-shadow:0 22px 52px rgba(255, 76, 0, .34)}
.r4-service-product-page .text-link, .r4-service-product-page .case-card__link{color:var(--r4-sp-orange);font-weight:900;border-bottom:1px solid rgba(255, 76, 0, .35)}
.r4-service-product-page .page-breadcrumbs{max-width:1440px}
.r4-service-product-page .page-breadcrumbs a:hover, .r4-service-product-page .page-breadcrumbs-current{color:var(--r4-sp-ink)}
.r4-service-product-page .intro-section::before, .r4-service-product-page .intro-section::after{position:absolute;z-index:0;content:"";pointer-events:none}
.r4-service-product-page .intro-section::before{right:max(16px, calc((100vw - 1200px) / 2));bottom:0;width:min(42vw, 580px);height:1px;background:var(--r4-sp-orange)}
.r4-service-product-page .intro-section::after{border:1px solid rgba(48, 51, 54, .08);border-radius:50%}
.r4-service-product-page .intro-text-block{max-width:1360px}
.r4-service-product-page .intro-text-block .eyebrow{backdrop-filter:blur(12px)}
 .r4-service-product-page .accessory-card small, .r4-service-product-page .format-card small, .r4-service-product-page .kit-card small, .r4-service-product-page .expert-card small, .r4-service-product-page .tag, .r4-service-product-page .article{display:inline-flex;color:var(--r4-sp-orange);font-size:11px;font-weight:900;line-height:1.1;text-transform:uppercase}
.r4-service-product-page .product-grid, .r4-service-product-page .accessory-grid, .r4-service-product-page .expert-grid, .r4-service-product-page .kit-grid, .r4-service-product-page .formats, .r4-service-product-page .scenario-grid, .r4-service-product-page .case-grid{display:grid;gap:22px}
.r4-service-product-page .product-grid, .r4-service-product-page .accessory-grid, .r4-service-product-page .case-grid, .r4-service-product-page .kit-grid, .r4-service-product-page .formats{grid-template-columns:repeat(3, minmax(0, 1fr))}
.r4-service-product-page .catalog-section .section-top{border-bottom:1px solid var(--r4-sp-line)}
.r4-service-product-page .catalog-note{display:grid;grid-template-columns:160px minmax(0, 1fr);gap:22px;align-items:start;margin-bottom:clamp(24px, 3vw, 38px);padding:clamp(18px, 2.2vw, 28px);border-radius:var(--r4-sp-radius-sm)}
.r4-service-product-page .catalog-note::before{line-height:1}
.r4-service-product-page .catalog-note b{display:block;font-size:clamp(18px, 1.45vw, 22px);line-height:1.25}
.r4-service-product-page .catalog-note p{margin-top:8px;font-size:15px;line-height:1.6}
.r4-service-product-page .product-card, .r4-service-product-page .accessory-card, .r4-service-product-page .format-card, .r4-service-product-page .scenario-card, .r4-service-product-page .case-card, .r4-service-product-page .kit-card, .r4-service-product-page .expert-card{min-width:0;border:1px solid var(--r4-sp-line);border-radius:var(--r4-sp-radius);background:var(--r4-sp-panel)}
.r4-service-product-page .product-card:hover, .r4-service-product-page .accessory-card:hover, .r4-service-product-page .format-card:hover, .r4-service-product-page .case-card:hover, .r4-service-product-page .kit-card:hover{transform:translateY(-4px);border-color:rgba(255, 76, 0, .34);box-shadow:var(--r4-sp-shadow)}
 .r4-service-product-page .props li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
 .r4-service-product-page .article, .r4-service-product-page .tag{min-height:25px;align-items:center;padding:6px 10px;border-radius:999px;white-space:nowrap}
.r4-service-product-page .article, .r4-service-product-page .tag{background:#F1EFEC;color:var(--r4-sp-ink)}
.r4-service-product-page .product-card p, .r4-service-product-page .accessory-card p, .r4-service-product-page .format-card p, .r4-service-product-page .scenario-card p, .r4-service-product-page .kit-card p, .r4-service-product-page .case-card p{font-size:15px;line-height:1.58}
.r4-service-product-page .props, .r4-service-product-page .check-list, .r4-service-product-page .scenario-points{margin:0;padding:0;list-style:none}
.r4-service-product-page .product-actions .btn{min-height:44px;padding:12px 14px;font-size:13px}
.r4-service-product-page .product-card--f{grid-template-rows:220px 1fr}
.r4-service-product-page .product-card--f .product-card__media{position:relative}
.r4-service-product-page .product-card--f .tagline{position:absolute;top:18px;left:0;display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 16px;border-radius:0 999px 999px 0;background:#FFF1EA;color:var(--r4-sp-orange);font-size:11px;font-weight:900;box-shadow:0 8px 18px rgba(255, 76, 0, .14)}
.r4-service-product-page .product-card--f .tagline::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--r4-sp-orange)}
.r4-service-product-page .product-card--f .article-mark{position:absolute;top:16px;right:18px;color:var(--r4-sp-muted);font-size:11px;font-weight:700;letter-spacing:.02em}
.r4-service-product-page .product-card--f .props{margin:4px 0 0 !important}
.r4-service-product-page .product-card--f .props li + li::before{content:none !important}
.r4-service-product-page .product-card--f .product-actions{display:grid !important;grid-template-columns:1fr 1fr !important;align-items:stretch !important;gap:10px !important;margin-top:16px !important}
.r4-service-product-page .product-card--f .product-actions .btn--primary{order:2 !important}
.r4-service-product-page .product-card--f .product-actions .btn:not(.btn--primary){order:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:12px 14px !important;border:1px solid rgba(48, 51, 54, .22) !important;border-radius:10px !important;background:transparent !important;color:var(--r4-sp-ink) !important;font-weight:800 !important;text-decoration:none !important}
.r4-service-product-page .product-card--f .product-actions .btn:not(.btn--primary):hover{border-color:var(--r4-sp-orange) !important;color:var(--r4-sp-orange) !important;background:transparent !important;text-decoration:none !important;transform:none !important;box-shadow:none !important}
.r4-service-product-page .accessory-section, .r4-service-product-page .expert-section, .r4-service-product-page .cta-section{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);padding-right:max(16px, calc((100vw - 1200px) / 2));padding-left:max(16px, calc((100vw - 1200px) / 2))}
.r4-service-product-page .accessory-card::after{right:26px;border-radius:50%}
.r4-service-product-page .accessory-card small, .r4-service-product-page .accessory-card h3{color:var(--r4-sp-green)}
.r4-service-product-page .accessory-card h3, .r4-service-product-page .format-card h3, .r4-service-product-page .kit-card h3{margin-top:10px}
.r4-service-product-page .accessory-card p, .r4-service-product-page .format-card p, .r4-service-product-page .kit-card p{margin-top:10px}
.r4-service-product-page .expert-badge{display:inline-flex;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:900;line-height:1;text-transform:uppercase}
.r4-service-product-page .expert-lead p{margin-top:16px}
.r4-service-product-page .expert-grid{counter-reset:expert}
.r4-service-product-page .expert-card::before{display:block;margin-bottom:18px;font-weight:900;line-height:1}
.r4-service-product-page .check-strip{display:grid;grid-column:1 / -1}
.r4-service-product-page .check-list{font-size:15px}
.r4-service-product-page .check-list li, .r4-service-product-page .scenario-points li{position:relative;padding-left:18px}
.r4-service-product-page .check-list li::before, .r4-service-product-page .scenario-points li::before{position:absolute;top:.72em;left:0;width:7px;height:7px;border-radius:50%;background:var(--r4-sp-orange);content:""}
.r4-service-product-page .kit-grid{margin-top:clamp(28px, 3vw, 42px)}
.r4-service-product-page .kit-card{position:relative;display:grid;min-height:238px;padding:30px}
.r4-service-product-page .kit-arrow{position:absolute;top:26px;right:28px;color:var(--r4-sp-orange);font-size:28px;font-weight:900;line-height:1}
.r4-service-product-page .kit-icon{display:grid;width:78px;height:78px;margin-bottom:22px;place-items:center;border-radius:20px;background:#FFF1EA}
.r4-service-product-page .kit-icon svg{width:48px;height:48px;fill:none;stroke:var(--r4-sp-orange);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}
.r4-service-product-page .format-card::before{left:0}
.r4-service-product-page .format-card .btn{margin-top:auto}
.r4-service-product-page .scenario-result{line-height:1.45}
.r4-service-product-page .scenario-points{font-size:14px}
.r4-service-product-page .case-card__image{display:block;overflow:hidden}
.r4-service-product-page .case-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.r4-service-product-page .case-card:hover img{transform:scale(1.04)}
.r4-service-product-page .case-card__body h3, .r4-service-product-page .case-card__body p{margin-top:12px}
.r4-service-product-page .cta-section{margin-top:clamp(78px, 8vw, 118px);padding-top:clamp(74px, 8vw, 120px) !important;padding-bottom:clamp(74px, 8vw, 120px) !important}
.r4-service-product-page .cta-section::before, .r4-service-product-page .cta-section::after{display:none}
.r4-service-product-page .cta-wrap{display:grid;grid-template-columns:minmax(0, 1.18fr) minmax(330px, .82fr);gap:clamp(34px, 5vw, 76px);align-items:center}
.r4-service-product-page .cta-content{display:flex;flex-direction:column;gap:0}
.r4-service-product-page .cta-meta{display:flex;flex-wrap:wrap}
.r4-service-product-page .cta-meta-item{display:flex;min-width:130px;flex-direction:column;gap:4px}
.r4-service-product-page .cta-meta-label, .r4-service-product-page .cta-phone-label{color:var(--r4-sp-muted);font-size:12px;font-weight:800;line-height:1.2;text-transform:uppercase}
.r4-service-product-page .cta-meta-val{font-size:16px;font-weight:900;line-height:1.25}
.r4-service-product-page .cta-panel{display:flex;flex-direction:column;gap:20px;padding:clamp(28px, 3vw, 42px);border-radius:var(--r4-sp-radius)}
.r4-service-product-page .cta-panel-head{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900;text-transform:uppercase}
.r4-service-product-page .cta-panel-head::before{width:10px;height:10px;border-radius:50%;background:currentColor;content:""}
.r4-service-product-page .cta-section .cta-btn{min-height:66px}
.r4-service-product-page .cta-btn-arrow{display:inline-grid;width:34px;height:34px;flex-shrink:0;place-items:center;border-radius:50%;background:rgba(255, 255, 255, .18);font-size:18px}
.r4-service-product-page .cta-panel-divider{height:1px}
.r4-service-product-page .cta-phone{display:flex;flex-direction:column;gap:4px}
.r4-service-product-page .cta-phone-num{font-size:clamp(20px, 1.8vw, 25px);font-weight:900;transition:color .2s ease}
.r4-service-product-page .cta-phone:hover .cta-phone-num{color:var(--r4-sp-orange)}
.r4-service-product-page .cta-panel-note{font-size:13px;line-height:1.5}
.r4-service-product-page .faq-section{margin-top:clamp(56px, 6vw, 86px) !important}
.r4-service-product-page .faq-head{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:clamp(28px, 3vw, 42px)}
.r4-service-product-page .faq-head-title b{color:var(--r4-sp-orange)}
.r4-service-product-page .faq-row{display:grid;grid-template-columns:62px minmax(240px, 1fr) minmax(0, 1.35fr);gap:clamp(16px, 2vw, 32px);align-items:start;padding:clamp(22px, 2.5vw, 34px) 0;border-bottom:1px solid var(--r4-sp-line)}
.r4-service-product-page .faq-row-num{color:var(--r4-sp-orange);font-weight:900;line-height:1.3}
.r4-service-product-page .faq-row-q{font-size:clamp(18px, 1.45vw, 22px);line-height:1.3}
.r4-service-product-page .faq-row-a{font-size:clamp(14px, 1.08vw, 16px);line-height:1.66}
@media (max-width: 1100px){.r4-service-product-page > .section-block:not(.intro-section):not(.accessory-section):not(.expert-section):not(.process-section):not(.cta-section){max-width:calc(100vw - 32px)} .r4-service-product-page .catalog-note, .r4-service-product-page .expert-wrap, .r4-service-product-page .cta-wrap{grid-template-columns:1fr}.r4-service-product-page .product-grid, .r4-service-product-page .accessory-grid, .r4-service-product-page .kit-grid, .r4-service-product-page .case-grid, .r4-service-product-page .formats{grid-template-columns:repeat(2, minmax(0, 1fr))}.r4-service-product-page .scenario-card{grid-template-columns:1fr}}
@media (max-width: 900px){.r4-service-product-page .section-top{align-items:flex-start;flex-direction:column}.r4-service-product-page .scenario-grid, .r4-service-product-page .check-strip{grid-template-columns:1fr}.r4-service-product-page .faq-row{grid-template-columns:48px 1fr}.r4-service-product-page .faq-row-a{grid-column:1 / -1;padding-left:64px}}
@media (max-width: 760px){.r4-service-product-page .section-block{margin-top:62px}.r4-service-product-page .intro-section{padding-top:22px !important;padding-bottom:52px !important}.r4-service-product-page .intro-section .section-heading, .r4-service-product-page .section-heading, .r4-service-product-page .faq-head-title, .r4-service-product-page .cta-title{font-size:32px;line-height:1.08} .r4-service-product-page .product-grid, .r4-service-product-page .accessory-grid, .r4-service-product-page .expert-grid, .r4-service-product-page .kit-grid, .r4-service-product-page .case-grid, .r4-service-product-page .formats, .r4-service-product-page .check-list{grid-template-columns:1fr}.r4-service-product-page .product-card{grid-template-rows:auto 1fr}.r4-service-product-page .product-card__media{min-height:218px}.r4-service-product-page .product-actions{display:grid;grid-template-columns:1fr}.r4-service-product-page .btn, .r4-service-product-page .btn-jqm{width:100%;white-space:normal}.r4-service-product-page .kit-icon{width:68px;height:68px}.r4-service-product-page .kit-icon svg{width:42px;height:42px}.r4-service-product-page .cta-wrap{gap:24px;text-align:center}.r4-service-product-page .cta-content, .r4-service-product-page .cta-eyebrow{align-items:center;justify-content:center}.r4-service-product-page .cta-meta, .r4-service-product-page .cta-panel-head, .r4-service-product-page .cta-panel-note, .r4-service-product-page .cta-panel-divider{display:none}.r4-service-product-page .cta-panel{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}}
@media (max-width: 560px){.r4-service-product-page .page-breadcrumbs{font-size:12px}.r4-service-product-page .intro-section::after{opacity:.45}.r4-service-product-page .section-heading, .r4-service-product-page .faq-head-title, .r4-service-product-page .cta-title, .r4-service-product-page .intro-section .section-heading{font-size:30px}.r4-service-product-page .catalog-note, .r4-service-product-page .product-card__body, .r4-service-product-page .accessory-card, .r4-service-product-page .format-card, .r4-service-product-page .scenario-card, .r4-service-product-page .case-card__body, .r4-service-product-page .kit-card, .r4-service-product-page .expert-card, .r4-service-product-page .check-strip{padding:20px}.r4-service-product-page .faq-row{grid-template-columns:40px 1fr;gap:12px}.r4-service-product-page .faq-row-a{padding-left:52px}}
.r4-service-product-page .catalog-note p{margin-top:3px !important}
.r4-service-product-page .catalog-section .product-grid{overflow-x:auto !important;overscroll-behavior-x:contain;scroll-padding-left:2px;scrollbar-color:rgba(255, 76, 0, .55) #F1EEE9;scrollbar-width:thin}
.r4-service-product-page .accessory-section .section-heading, .r4-service-product-page .accessory-section .section-lead{color:#fff !important}
.r4-service-product-page .accessory-card::after{display:none !important}
.r4-service-product-page .accessory-photo{position:relative;min-height:152px;margin-bottom:18px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .16)),
      repeating-linear-gradient(90deg, rgba(31, 76, 69, .09) 0 1px, transparent 1px 34px),
      #DDECE7}
.r4-service-product-page .accessory-photo::before, .r4-service-product-page .accessory-photo::after{position:absolute;content:""}
.r4-service-product-page .accessory-photo::before{inset:22px 28px;border:2px solid rgba(31, 76, 69, .22);border-radius:12px}
.r4-service-product-page .accessory-photo::after{right:28px;bottom:24px;left:28px;height:9px;border-radius:999px;background:rgba(255, 76, 0, .72);box-shadow:0 -24px 0 rgba(31, 76, 69, .14), 0 -48px 0 rgba(31, 76, 69, .10)}
.r4-service-product-page .expert-section h2, .r4-service-product-page .expert-section h3, .r4-service-product-page .expert-section b{color:var(--r4-sp-ink) !important}
.r4-service-product-page .expert-section p, .r4-service-product-page .expert-section li{color:var(--r4-sp-text) !important}
.r4-service-product-page .expert-card::before{color:rgba(255, 76, 0, .26) !important}
.r4-service-product-page .formats-section .section-top{margin-bottom:28px !important;border:0 !important}
@media (max-width: 1100px){.r4-service-product-page .format-card{grid-template-columns:120px minmax(0, 1fr)}.r4-service-product-page .format-card p, .r4-service-product-page .format-card .btn{grid-column:2}}
@media (max-width: 760px){.r4-service-product-page .accessory-grid{grid-template-columns:1fr !important}.r4-service-product-page .format-card{grid-template-columns:1fr !important;background:#fff !important}.r4-service-product-page .format-card p, .r4-service-product-page .format-card .btn{grid-column:auto}}
@media (prefers-reduced-motion: reduce){.r4-service-product-page *, .r4-service-product-page *::before, .r4-service-product-page *::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}

/* ==========================================================================
   LAYER 02 · SERVICE PAGE HISTORICAL OVERRIDES
   --------------------------------------------------------------------------
   Accumulated live refinements that tune the service-page benchmark. Keep
   order stable: many rules intentionally override earlier compact baseline
   declarations through specificity, source order and !important.

   Before simplifying this layer, compare desktop/mobile screenshots against
   the approved stellazhi benchmark.
   ========================================================================== */

.r4-service-product-page{--r4-sp-ring:0 0 0 1px var(--r4-sp-line);--r4-sp-lift:0 22px 50px -24px rgba(48, 51, 54, .26);--r4-sp-lift-soft:0 14px 34px -20px rgba(48, 51, 54, .20);scroll-behavior:smooth}
.r4-service-product-page .intro-text-block .eyebrow{box-shadow:0 6px 18px -10px rgba(255, 76, 0, .5)}
.r4-service-product-page .product-card, .r4-service-product-page .accessory-card, .r4-service-product-page .format-card, .r4-service-product-page .case-card, .r4-service-product-page .kit-card{transition:transform .26s cubic-bezier(.2,.7,.2,1),
                box-shadow .26s ease, border-color .26s ease}
.r4-service-product-page .product-card:hover, .r4-service-product-page .case-card:hover, .r4-service-product-page .format-card:hover, .r4-service-product-page .kit-card:hover{transform:translateY(-6px);box-shadow:var(--r4-sp-lift)}
.r4-service-product-page .catalog-note{border-color:#F2DECE}
.r4-service-product-page .product-actions .btn{font-weight:800}
.r4-service-product-page .accessory-card::after{transition:transform .3s ease, border-color .3s ease}
.r4-service-product-page .accessory-card:hover::after{border-color:rgba(33, 78, 71, .42)}
.r4-service-product-page .expert-card::before{font-variant-numeric:tabular-nums;letter-spacing:0}
.r4-service-product-page .format-card::before{transition:height .26s ease}
.r4-service-product-page .kit-icon{transition:transform .26s ease, background .26s ease}
.r4-service-product-page .kit-card:hover .kit-icon{transform:translateY(-2px) rotate(-3deg);background:#FFE6D8}
.r4-service-product-page .kit-arrow{transition:transform .26s ease}
.r4-service-product-page .kit-card:hover .kit-arrow{transform:translate(4px, -4px)}
.r4-service-product-page .case-card__link::after{font-weight:900}
.r4-service-product-page .cta-panel{border-color:rgba(48,51,54,.1)}
.r4-service-product-page .cta-meta{margin-top:28px}
.r4-service-product-page .cta-meta-item{flex:1}
.r4-service-product-page .cta-meta-item:last-child{border-right:0;padding-right:0}
.r4-service-product-page .cta-btn-arrow{transition:transform .2s ease}
.r4-service-product-page .cta-section .cta-btn:hover .cta-btn-arrow{transform:translateX(4px)}
.r4-service-product-page .faq-row{border-radius:var(--r4-sp-radius-sm);padding-inline:clamp(8px, 1.4vw, 18px);margin-inline:calc(-1 * clamp(8px, 1.4vw, 18px));transition:background .22s ease}
.r4-service-product-page .faq-row:hover{background:rgba(255, 241, 234, .5)}
.r4-service-product-page .faq-row-num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#FFF1EA;font-size:14px;font-variant-numeric:tabular-nums}
@media (max-width: 760px){.r4-service-product-page .cta-meta{flex-direction:column}.r4-service-product-page .cta-meta-item{width:100%;padding-right:0;padding-bottom:14px;border-right:0;border-bottom:1px solid var(--r4-sp-line)}.r4-service-product-page .cta-meta-item:last-child{border-bottom:0;padding-bottom:0}}
@media (prefers-reduced-motion: reduce){.r4-service-product-page .product-card:hover, .r4-service-product-page .case-card:hover, .r4-service-product-page .format-card:hover, .r4-service-product-page .kit-card:hover, .r4-service-product-page .accessory-card:hover{transform:none}}
.r4-service-product-page .intro-section::after{opacity:.5}
.r4-service-product-page .catalog-section .product-grid{scroll-snap-type:none !important}
.r4-service-product-page .catalog-section .product-card{flex:initial !important;scroll-snap-align:none !important}
@media (max-width: 1100px){.r4-service-product-page .catalog-section .product-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}
@media (max-width: 720px){.r4-service-product-page .catalog-section .product-grid{grid-template-columns:1fr !important}}
.r4-service-product-page .catalog-note::before{margin-top:2px !important}
.r4-service-product-page .accessory-section{padding-top:clamp(64px, 7vw, 100px) !important;padding-bottom:clamp(64px, 7vw, 100px) !important}
.r4-service-product-page .accessory-section .section-top .btn:hover{background:var(--r4-sp-green) !important}
.r4-service-product-page .accessory-card::before{margin-bottom:6px !important;border:0 !important}
.r4-service-product-page .accessory-card:hover::after{transform:none !important}
.r4-service-product-page .expert-badge{margin-bottom:16px !important;background:#FFF1EA !important;color:var(--r4-sp-orange) !important}
.r4-service-product-page .expert-grid{border:0 !important;border-radius:0 !important;background:transparent !important;overflow:visible !important}
.r4-service-product-page .expert-card{position:relative !important;border-radius:14px !important;transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease !important}
.r4-service-product-page .expert-card:hover{transform:translateY(-4px) !important;border-color:rgba(255, 76, 0, .32) !important;box-shadow:0 20px 40px -24px rgba(48, 51, 54, .45) !important;background:#fff !important}
.r4-service-product-page .expert-card::before{content:"" !important;counter-increment:expert !important;position:absolute !important;width:26px !important;height:26px !important;margin:0 !important;border-radius:8px !important;background:#FFF1EA url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23FF4C00\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 13l4 4L19 7\"/></svg>") center / 15px 15px no-repeat !important;font-size:0 !important}
.r4-service-product-page .expert-card small{color:var(--r4-sp-orange) !important}
.r4-service-product-page .expert-card h3{margin-top:8px !important;color:var(--r4-sp-ink) !important}
.r4-service-product-page .expert-card p{margin-top:8px !important;color:var(--r4-sp-text) !important}
.r4-service-product-page .check-strip{border-radius:14px !important}
.r4-service-product-page .check-strip > div > p{color:var(--r4-sp-text) !important}
.r4-service-product-page .check-list{color:var(--r4-sp-text) !important}
.r4-service-product-page .check-list li{color:var(--r4-sp-graphite, var(--r4-sp-ink)) !important}
.r4-service-product-page .format-card::before{top:-14px !important;right:14px !important;pointer-events:none !important}
.r4-service-product-page .formats .format-card:nth-child(1)::before{content:"01" !important}
.r4-service-product-page .formats .format-card:nth-child(2)::before{content:"02" !important}
.r4-service-product-page .formats .format-card:nth-child(3)::before{content:"03" !important}
.r4-service-product-page .format-card small{width:fit-content !important;min-height:0 !important;align-items:center !important;justify-content:flex-start !important;padding:6px 12px !important;border-radius:999px !important;background:#FFF1EA !important;color:var(--r4-sp-orange) !important;font-size:11px !important;position:relative !important;z-index:1 !important}
.r4-service-product-page .format-card h3{position:relative !important;z-index:1 !important}
.r4-service-product-page .format-card p{position:relative !important;z-index:1 !important}
.r4-service-product-page .format-card .btn{position:relative !important;z-index:1 !important}
@media (max-width: 1000px){.r4-service-product-page .formats{grid-template-columns:1fr !important}.r4-service-product-page .format-card::before{font-size:84px !important}}
.r4-service-product-page .scenario-card{align-items:stretch !important;gap:22px !important}
.r4-service-product-page .scenario-card > div{display:flex !important;flex-direction:column !important}
.r4-service-product-page{--r4-sp-paper:#FFFFFF;--bp:linear-gradient(rgba(31,35,41,.05) 1px, transparent 1px) 0 0 / 26px 26px,
      linear-gradient(90deg, rgba(31,35,41,.05) 1px, transparent 1px) 0 0 / 26px 26px;--bp-dark:linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px) 0 0 / 28px 28px,
      linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px) 0 0 / 28px 28px}
.r4-service-product-page .product-card, .r4-service-product-page .case-card, .r4-service-product-page .kit-card, .r4-service-product-page .accessory-card, .r4-service-product-page .format-card, .r4-service-product-page .scenario-card, .r4-service-product-page .expert-card, .r4-service-product-page .check-strip, .r4-service-product-page .cta-panel{border-radius:var(--r4-sp-r) !important}
.r4-service-product-page .product-card:hover, .r4-service-product-page .case-card:hover, .r4-service-product-page .kit-card:hover, .r4-service-product-page .format-card:hover{box-shadow:var(--r4-sp-shadow-lg) !important}
.r4-service-product-page .btn, .r4-service-product-page .btn-jqm{border-radius:10px}
.r4-service-product-page .expert-section{background:var(--bp),
      linear-gradient(180deg, #FBFAF7 0%, #F6F4EF 100%) !important}
.r4-service-product-page .expert-section h2, .r4-service-product-page .expert-section h3{color:var(--r4-sp-ink) !important}
.r4-service-product-page .expert-section .expert-lead p{color:var(--r4-sp-text) !important}
.r4-service-product-page .expert-card{border:1px solid var(--r4-sp-line) !important;background:#FFFFFF !important;box-shadow:0 12px 30px -24px rgba(31,35,41,.28) !important}
.r4-service-product-page .check-strip{border:1px solid var(--r4-sp-line) !important;background:#FFFFFF !important;box-shadow:0 12px 30px -24px rgba(31,35,41,.28) !important}
.r4-service-product-page .check-strip h3{color:var(--r4-sp-ink) !important}
.r4-service-product-page .check-strip > div > p, .r4-service-product-page .check-list li{color:var(--r4-sp-text) !important}
.r4-service-product-page .kit-card{background:#FFFFFF !important;box-shadow:0 12px 30px -24px rgba(31,35,41,.28) !important}
.r4-service-product-page .cta-eyebrow{color:#FF8B5E !important}
.r4-service-product-page .cta-title{color:#FFFFFF !important}
.r4-service-product-page .cta-title b{color:var(--r4-sp-orange) !important}
.r4-service-product-page .cta-sub{color:rgba(255,255,255,.72) !important}
.r4-service-product-page .cta-meta{border-top-color:rgba(255,255,255,.16) !important}
.r4-service-product-page .cta-meta-item{border-right-color:rgba(255,255,255,.16) !important}
.r4-service-product-page .cta-meta-label{color:rgba(255,255,255,.5) !important}
.r4-service-product-page .cta-meta-val{color:#FFFFFF !important}
.r4-service-product-page .cta-panel{border:1px solid rgba(255,255,255,.16) !important;background:rgba(255,255,255,.06) !important;box-shadow:0 30px 60px -30px rgba(0,0,0,.6) !important;backdrop-filter:blur(10px)}
.r4-service-product-page .cta-panel-head{color:#FF8B5E !important}
.r4-service-product-page .cta-panel-divider{background:rgba(255,255,255,.16) !important}
.r4-service-product-page .cta-phone-label{color:rgba(255,255,255,.5) !important}
.r4-service-product-page .cta-phone-num{color:#FFFFFF !important}
.r4-service-product-page .cta-panel-note{color:rgba(255,255,255,.6) !important}
.r4-service-product-page .faq-list{border-top:2px solid var(--r4-sp-ink) !important}
.r4-service-product-page a:focus-visible, .r4-service-product-page [tabindex]:focus-visible{outline:2px solid var(--r4-sp-orange);outline-offset:2px}
.r4-service-product-page .catalog-section .section-top{padding-top:0 !important}
.r4-service-product-page .accessory-section .section-heading{color:var(--r4-sp-ink) !important}
.r4-service-product-page .accessory-section .section-lead{color:var(--r4-sp-text) !important}
.r4-service-product-page .accessory-section .section-top .btn{border-color:var(--r4-sp-line) !important;background:#fff !important;color:var(--r4-sp-ink) !important;box-shadow:none !important}
.r4-service-product-page .accessory-section .section-top .btn:hover{border-color:var(--r4-sp-orange) !important;color:var(--r4-sp-orange) !important}
.r4-service-product-page .accessory-card{column-gap:18px !important;row-gap:2px !important;min-height:0 !important;transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease !important}
.r4-service-product-page .accessory-card small{grid-column:2 !important;align-self:start !important;text-transform:uppercase}
.r4-service-product-page .accessory-card h3{grid-column:2 !important}
.r4-service-product-page .accessory-card small{grid-row:1 !important}
.r4-service-product-page .accessory-card h3{grid-row:2 !important}
.r4-service-product-page .accessory-card p{grid-row:3 !important;grid-column:2 !important}
.r4-service-product-page{--ic-hook:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 4v4\"/><path d=\"M12 8a3 3 0 1 0 3 3\"/><circle cx=\"7\" cy=\"18\" r=\"1.6\"/><circle cx=\"17\" cy=\"18\" r=\"1.6\"/></svg>");--ic-shelf:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"4\" rx=\"1\"/><rect x=\"4\" y=\"15\" width=\"16\" height=\"4\" rx=\"1\"/></svg>");--ic-divider:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 5v14\"/><path d=\"M12 5v14\"/><path d=\"M19 5v14\"/></svg>");--ic-price:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13l-7 7-9-9V4h7z\"/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.3\"/></svg>");--ic-guard:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l7 3v5c0 4.2-3 7.4-7 9-4-1.6-7-4.8-7-9V6z\"/></svg>");--ic-end:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"1.5\"/><path d=\"M9 4v16\"/></svg>")}
.r4-service-product-page .format-card:first-child{border-top:0 !important}
.r4-service-product-page .format-card::after{position:absolute !important;left:0 !important;top:50% !important;transform:translateY(-50%) !important;width:4px !important;border-radius:0 4px 4px 0 !important;background:var(--r4-sp-orange) !important;margin:0 !important;border:0 !important}
.r4-service-product-page .format-card:nth-child(1)::after{height:34px !important;opacity:.45 !important}
.r4-service-product-page .format-card:nth-child(2)::after{height:58px !important;opacity:.7 !important}
.r4-service-product-page .format-card:nth-child(3)::after{height:80px !important;opacity:1 !important}
@media (max-width: 980px){.r4-service-product-page .format-card{grid-template-columns:64px 1fr !important;align-items:start !important;gap:8px 18px !important}.r4-service-product-page .format-card::before{grid-row:1 / span 3 !important;align-self:start !important}.r4-service-product-page .format-card h3{grid-column:2 !important}.r4-service-product-page .format-card p{grid-column:2 !important;margin-top:6px !important}.r4-service-product-page .format-card .btn{grid-column:2 !important;width:100% !important;margin-top:12px !important}}
@media (max-width: 720px){.r4-service-product-page .accessory-grid{grid-template-columns:1fr !important}}
.r4-service-product-page{--r4-sp-bg:#FAFAF8;--r4-sp-orange:#FF4C00;--r4-sp-orange-dark:#E64500;--r4-sp-orange-tint:#FFF1EB;--r4-sp-r:18px;--r4-sp-shadow:0 18px 44px -30px rgba(30,34,40,.34);--r4-sp-shadow-lg:0 30px 60px -32px rgba(30,34,40,.42)}
.r4-service-product-page .intro-section{border-radius:0 !important;box-shadow:none !important}
.r4-service-product-page .intro-section::before, .r4-service-product-page .intro-section::after{display:none !important}
.r4-service-product-page .intro-text-block .eyebrow{padding:7px 14px !important;border:1px solid rgba(255,76,0,.22) !important;border-radius:999px !important;background:var(--r4-sp-orange-tint) !important;color:var(--r4-sp-orange) !important}
.r4-service-product-page .intro-text-block .eyebrow::before{display:none !important}
.r4-service-product-page .catalog-section .section-top{margin-top:0 !important}
.r4-service-product-page .accessory-grid{grid-template-columns:repeat(3, minmax(0,1fr)) !important;gap:16px !important}
.r4-service-product-page .accessory-card{display:flex !important;flex-direction:column !important;grid-template-columns:none !important;grid-template-rows:none !important;align-items:flex-start !important;border:1px solid var(--r4-sp-line) !important;border-radius:var(--r4-sp-r) !important;background:#FFFFFF !important;box-shadow:none !important}
.r4-service-product-page .accessory-card:hover{transform:translateY(-4px) !important;border-color:rgba(255,76,0,.3) !important;box-shadow:var(--r4-sp-shadow) !important}
.r4-service-product-page .accessory-photo{display:none !important}
.r4-service-product-page .accessory-card::before{content:"" !important;position:static !important;grid-row:auto !important;grid-column:auto !important;width:76px !important;height:76px !important;margin:0 0 14px !important;border-radius:18px !important;background:var(--r4-sp-orange-tint) !important}
.r4-service-product-page .accessory-card::after{content:"" !important;position:absolute !important;top:26px !important;left:26px !important;width:76px !important;height:76px !important;margin:0 !important;border:0 !important;background-color:var(--r4-sp-orange) !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-size:38px 38px !important;mask-size:38px 38px !important;transform:none !important}
.r4-service-product-page .accessory-card{position:relative !important}
.r4-service-product-page .accessory-card:nth-child(1)::after{-webkit-mask-image:var(--ic-hook);mask-image:var(--ic-hook)}
.r4-service-product-page .accessory-card:nth-child(2)::after{-webkit-mask-image:var(--ic-shelf);mask-image:var(--ic-shelf)}
.r4-service-product-page .accessory-card:nth-child(3)::after{-webkit-mask-image:var(--ic-divider);mask-image:var(--ic-divider)}
.r4-service-product-page .accessory-card:nth-child(4)::after{-webkit-mask-image:var(--ic-price);mask-image:var(--ic-price)}
.r4-service-product-page .accessory-card:nth-child(5)::after{-webkit-mask-image:var(--ic-guard);mask-image:var(--ic-guard)}
.r4-service-product-page .accessory-card:nth-child(6)::after{-webkit-mask-image:var(--ic-end);mask-image:var(--ic-end)}
.r4-service-product-page .accessory-card small{color:var(--r4-sp-orange) !important;font-size:11px !important;font-weight:900 !important}
.r4-service-product-page .accessory-card h3{color:var(--r4-sp-ink) !important;font-size:19px !important}
.r4-service-product-page .accessory-card p{color:var(--r4-sp-text) !important;font-size:14px !important}
.r4-service-product-page .cta-section{background:radial-gradient(120% 130% at 100% 0%, rgba(255,76,0,.16), transparent 52%),
      linear-gradient(165deg, #23262B 0%, #1B1E22 100%) !important}
.r4-service-product-page .formats-section .section-top{display:block !important}
.r4-service-product-page .formats{border:0 !important;border-radius:0 !important;box-shadow:none !important;overflow:visible !important}
.r4-service-product-page .format-card{position:relative !important;flex-direction:column !important;min-height:0 !important;gap:14px !important;overflow:hidden !important}
.r4-service-product-page .format-card::before{position:static !important;align-items:center !important;justify-content:center !important}
.r4-service-product-page .scenario-card{grid-template-columns:none !important}
.r4-service-product-page .scenario-card > div > p{margin-top:8px !important}
.r4-service-product-page .scenario-result{margin-top:16px !important;padding:13px 15px !important;border-radius:12px !important;border-left:3px solid var(--r4-sp-orange) !important;background:var(--r4-sp-orange-tint) !important;box-shadow:none !important;color:var(--r4-sp-ink) !important;font-weight:700 !important;font-size:13.5px !important}
.r4-service-product-page .scenario-points{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:16px !important;padding-top:16px !important;border-top:1px solid var(--r4-sp-line) !important}
.r4-service-product-page .scenario-points li{padding:6px 12px !important;border:1px solid var(--r4-sp-line) !important;border-radius:999px !important;background:#FAFAF8 !important;color:var(--r4-sp-text) !important;font-size:13px !important}
.r4-service-product-page .scenario-points li::before{display:none !important;content:none !important}
@media (max-width: 980px){.r4-service-product-page .catalog-section .product-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important}.r4-service-product-page .accessory-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important}.r4-service-product-page .formats{grid-template-columns:1fr !important}.r4-service-product-page .scenario-grid{grid-template-columns:1fr !important}}
@media (max-width: 640px){.r4-service-product-page .catalog-section .product-grid, .r4-service-product-page .accessory-grid{grid-template-columns:1fr !important}}
.r4-service-product-page .intro-section{padding:clamp(30px,3.5vw,52px) 0 clamp(40px,4vw,60px) !important;border-bottom:0 !important}
.r4-service-product-page .catalog-section{max-width:1440px !important;margin:clamp(40px,4vw,64px) auto 0 !important;padding:0 !important}
.r4-service-product-page .catalog-section .section-top{margin:0 0 clamp(20px,2.4vw,30px) !important;padding:0 !important;border:0 !important}
.r4-service-product-page .catalog-section .product-grid{display:grid !important;grid-template-columns:repeat(3, minmax(0,1fr)) !important;gap:18px !important;overflow:visible !important;padding:0 !important}
.r4-service-product-page .product-actions .btn:not(.btn--primary){border-color:var(--r4-sp-line) !important}
.r4-service-product-page .product-actions .btn:not(.btn--primary):hover{border-color:var(--r4-sp-orange) !important}
@media (max-width: 980px){.r4-service-product-page .catalog-section .product-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important}}
@media (max-width: 600px){.r4-service-product-page .catalog-section .product-grid{grid-template-columns:1fr !important}.r4-service-product-page .product-card__media{aspect-ratio:4 / 3 !important}}
.r4-service-product-page{position:relative !important}
.r4-service-product-page::before{position:absolute !important;top:0 !important;pointer-events:none !important;z-index:0 !important}
.r4-service-product-page > *{position:relative !important;z-index:1 !important}
.r4-service-product-page .catalog-note{display:flex !important;grid-template-columns:none !important;align-items:flex-start !important;gap:9px !important;max-width:760px !important;margin:-6px 0 clamp(24px,2.8vw,34px) !important;padding:0 !important;border:0 !important;border-left:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}
.r4-service-product-page .catalog-note::before{flex:none !important;display:inline-flex !important;width:16px !important;height:16px !important;min-height:0 !important;align-items:center !important;justify-content:center !important;margin:3px 0 0 !important;padding:0 !important;border-radius:50% !important;background:transparent !important;box-shadow:inset 0 0 0 1.5px rgba(150,156,164,.6) !important;color:var(--r4-sp-muted) !important;font-family:Georgia, "Times New Roman", serif !important;font-size:11px !important;font-weight:700 !important;font-style:italic !important;text-transform:none !important}
.r4-service-product-page .catalog-note::before{content:"i" !important}
.r4-service-product-page .catalog-note > div{min-width:0 !important}
.r4-service-product-page .catalog-note b{display:inline !important;margin:0 !important;color:var(--r4-sp-text) !important;font-size:13px !important;font-weight:800 !important;line-height:1.55 !important}
.r4-service-product-page .catalog-note b::after{content:" — " !important;font-weight:600 !important}
.r4-service-product-page .catalog-note p{display:inline !important;margin:0 !important;color:var(--r4-sp-muted) !important;font-size:13px !important;line-height:1.55 !important}
.r4-service-product-page .props{border-top:1px solid var(--r4-sp-line) !important}
.r4-service-product-page .props li{justify-content:space-between !important}
.r4-service-product-page .props li:last-child{border-bottom:0 !important}
.r4-service-product-page .props li span:first-child{letter-spacing:0 !important}
.r4-service-product-page .product-actions{flex-direction:column !important}
.r4-service-product-page .product-actions .btn--primary{width:100% !important}
@media (max-width: 600px){.r4-service-product-page::before{height:480px !important}}
@media (max-width: 760px){.r4-service-product-page .catalog-section .section-top{flex-direction:column !important;align-items:flex-start !important}.r4-service-product-page .catalog-section .section-top > .btn{align-self:stretch !important}}
.r4-service-product-page .product-card::after{position:absolute !important;left:14px !important;right:14px !important;top:0 !important;height:3px !important;border-radius:0 0 3px 3px !important;background:var(--r4-sp-orange) !important;transform:scaleX(0) !important;transform-origin:left !important;transition:transform .26s ease !important}
.r4-service-product-page .product-card:hover::after{transform:scaleX(1) !important}
.r4-service-product-page .props li{border-bottom:1px solid var(--r4-sp-line) !important}
.r4-service-product-page .props li span:first-child{color:var(--r4-sp-muted) !important;font-size:10px !important;font-weight:700 !important;text-transform:uppercase !important}
.r4-service-product-page .catalog-section{background:#FFFFFF !important;border-radius:0 !important}
.r4-service-product-page .catalog-section .section-top{background:transparent !important}
.r4-service-product-page .catalog-section .section-top{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:clamp(20px,3vw,48px) !important;flex-wrap:nowrap !important}
.r4-service-product-page .catalog-section .section-top > div{min-width:0 !important}
.r4-service-product-page .catalog-section .section-top > .btn{flex:none !important;align-self:flex-start !important;margin-top:6px !important;white-space:nowrap !important}
@media (max-width: 760px){.r4-service-product-page .catalog-section .section-top{flex-direction:column !important;align-items:flex-start !important}.r4-service-product-page .catalog-section .section-top > .btn{align-self:stretch !important;margin-top:0 !important}}
.r4-service-product-page .product-card{position:relative !important;display:flex !important;flex-direction:column !important;grid-template-rows:none !important;padding:0 !important;border:1px solid #ECECEA !important;border-radius:16px !important;background:#FFFFFF !important;box-shadow:none !important;overflow:hidden !important;transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease !important}
.r4-service-product-page .product-card::after{content:none !important}
.r4-service-product-page .product-card:hover{transform:translateY(-4px) !important;border-color:#E0E0DD !important;box-shadow:0 22px 48px -30px rgba(30,34,40,.38) !important}
.r4-service-product-page .product-card__media{place-items:center !important;min-height:0 !important;border:0 !important;border-bottom:1px solid #F0F0EE !important;border-radius:0 !important;background:#FFFFFF !important}
.r4-service-product-page .product-card__media img{mix-blend-mode:multiply !important;filter:none !important;transition:transform .35s cubic-bezier(.2,.7,.2,1) !important}
.r4-service-product-page .product-card:hover .product-card__media img{transform:scale(1.05) !important}
.r4-service-product-page .article{min-height:0 !important;margin-left:auto !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;backdrop-filter:none !important;color:#B2B7BD !important;font-size:11px !important;font-weight:600 !important}
.r4-service-product-page .product-card__body{display:flex !important;flex-direction:column !important;flex:1 !important}
.r4-service-product-page .product-card h3{min-height:0 !important;margin:2px 0 0 !important;color:var(--r4-sp-ink) !important;font-size:18px !important;font-weight:800 !important;line-height:1.25 !important;letter-spacing:0 !important}
.r4-service-product-page .product-card__body > p{margin:0 !important;color:#6B7178 !important;font-size:13.5px !important;line-height:1.55 !important}
.r4-service-product-page .props{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:0 !important;margin:2px 0 0 !important;padding:0 !important;border:0 !important}
.r4-service-product-page .props li{display:inline-flex !important;align-items:center !important;gap:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;font-size:12.5px !important}
.r4-service-product-page .props li span:first-child{display:none !important}
.r4-service-product-page .props li span:last-child{color:#5A6068 !important;font-weight:600 !important;text-align:left !important}
.r4-service-product-page .props li + li::before{content:"" !important;width:3px !important;height:3px !important;margin:0 9px !important;border-radius:50% !important;background:#CDD0D4 !important}
.r4-service-product-page .product-card__footer{margin-top:auto !important;padding-top:16px !important;border-top:1px solid #F0F0EE !important}
.r4-service-product-page .price{color:var(--r4-sp-ink) !important;font-size:14px !important;font-weight:800 !important}
.r4-service-product-page .terms{margin-top:3px !important;color:#A6ABB1 !important;font-size:12px !important;line-height:1.45 !important}
.r4-service-product-page .product-actions{display:flex !important;align-items:center !important;justify-content:space-between !important;grid-template-columns:none !important;gap:12px !important;margin-top:14px !important}
.r4-service-product-page .product-actions .btn--primary{flex:1 !important;min-height:46px !important;border-radius:10px !important;font-weight:800 !important}
.r4-service-product-page .product-actions .btn:not(.btn--primary){flex:none !important;min-height:0 !important;padding:0 2px !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#8A9099 !important;font-size:13px !important;font-weight:700 !important;text-decoration:underline !important;text-underline-offset:3px !important;text-decoration-color:rgba(138,144,153,.4) !important}
.r4-service-product-page .product-actions .btn:not(.btn--primary):hover{color:var(--r4-sp-orange) !important;text-decoration-color:var(--r4-sp-orange) !important;transform:none !important;box-shadow:none !important}
.r4-service-product-page .accessory-section{background:#FFFFFF !important;width:auto !important;max-width:1440px !important;margin:clamp(40px, 6vw, 84px) auto !important;padding:clamp(28px, 3vw, 46px) !important;border:1px solid #ECE5DE !important;border-radius:24px !important;box-shadow:0 40px 80px -52px rgba(31, 35, 41, .30) !important;position:relative !important}
.r4-service-product-page .accessory-section .section-top{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:clamp(20px, 3vw, 48px) !important;flex-wrap:nowrap !important}
.r4-service-product-page .accessory-section .section-top > div{min-width:0 !important}
.r4-service-product-page .accessory-section .section-top > .btn{flex:none !important;align-self:flex-start !important;white-space:nowrap !important}
@media (max-width: 760px){.r4-service-product-page .accessory-section .section-top{flex-direction:column !important;align-items:flex-start !important}.r4-service-product-page .accessory-section .section-top > .btn{align-self:stretch !important}}
.r4-service-product-page .accessory-card{padding:0 !important;gap:0 !important;overflow:hidden !important}
.r4-service-product-page .accessory-card::before, .r4-service-product-page .accessory-card::after{content:none !important;display:none !important}
.r4-service-product-page .accessory-card .accessory-photo{display:block !important;width:100% !important;height:clamp(190px, 17vw, 240px) !important;margin:0 0 16px !important;object-fit:cover !important;background:#F2EEEA !important;border-radius:0 !important}
.r4-service-product-page .accessory-card .accessory-photo::before, .r4-service-product-page .accessory-card .accessory-photo::after{content:none !important;display:none !important}
.r4-service-product-page .accessory-card small{margin:0 22px !important}
.r4-service-product-page .accessory-card h3{margin:4px 22px 0 !important}
.r4-service-product-page .accessory-card p{margin:8px 22px 22px !important}
.r4-service-product-page .expert-section{background-color:#FAF9F7 !important;background-image:linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, .75) 38%, rgba(255, 255, 255, 0) 100%),
      linear-gradient(rgba(92, 84, 74, .045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(92, 84, 74, .045) 1px, transparent 1px),
      linear-gradient(rgba(92, 84, 74, .085) 1px, transparent 1px),
      linear-gradient(90deg, rgba(92, 84, 74, .085) 1px, transparent 1px) !important;background-size:100% 200px, 26px 26px, 26px 26px, 130px 130px, 130px 130px !important;background-position:left top, -1px -1px, -1px -1px, -1px -1px, -1px -1px !important;background-repeat:no-repeat, repeat, repeat, repeat, repeat !important}
.r4-service-product-page .expert-lead{position:relative !important;z-index:0 !important}
.r4-service-product-page .expert-lead::before{content:"" !important;position:absolute !important;inset:-26px -34px !important;z-index:-1 !important;background:radial-gradient(115% 95% at 28% 38%, rgba(250, 249, 247, .94), rgba(250, 249, 247, 0) 76%) !important;pointer-events:none !important}
.r4-service-product-page .check-strip > div{max-width:none !important}
.r4-service-product-page .check-list{display:grid !important;margin:0 !important;padding:0 !important}
@media (max-width: 760px){.r4-service-product-page .check-list{grid-template-columns:1fr 1fr !important}}
@media (max-width: 460px){.r4-service-product-page .check-list{grid-template-columns:1fr !important}}
.r4-service-product-page .expert-card::before{left:26px !important;top:26px !important}
.r4-service-product-page .expert-card small{padding-left:40px !important}
.r4-service-product-page .accessory-section{margin-bottom:0 !important;z-index:2 !important}
.r4-service-product-page .expert-section{margin-top:0 !important;z-index:0 !important}
.r4-service-product-page .formats{grid-template-columns:none !important;gap:0 !important}
.r4-service-product-page .format-card{border-top:1px solid var(--r4-sp-line) !important}
.r4-service-product-page .format-card:hover{transform:translateX(10px) !important;box-shadow:none !important;background:transparent !important;border-color:var(--r4-sp-line) !important}
.r4-service-product-page .format-card:hover::before{height:auto !important}
.r4-service-product-page .format-card::before{-webkit-text-stroke:0 !important;letter-spacing:0 !important;box-shadow:none !important}
.r4-service-product-page .format-card p{flex:none !important}
.r4-service-product-page .format-card .btn{align-self:center !important;white-space:nowrap !important}
@media (max-width: 760px){.r4-service-product-page .format-card{grid-template-columns:auto minmax(0, 1fr) !important;grid-template-rows:auto auto auto !important;column-gap:16px !important}.r4-service-product-page .format-card::before{grid-column:1 !important;grid-row:1 !important;font-size:34px !important}.r4-service-product-page .format-card h3{grid-column:2 !important;grid-row:1 !important}.r4-service-product-page .format-card p{grid-column:1 / 3 !important;grid-row:2 !important}.r4-service-product-page .format-card .btn{grid-column:1 / 3 !important;grid-row:3 !important;width:100% !important;margin-top:12px !important}}
.r4-service-product-page .scenario-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;gap:clamp(16px, 1.8vw, 24px) !important}
.r4-service-product-page .scenario-card{position:relative !important;display:block !important;padding:clamp(13px, 1.2vw, 16px) !important;overflow:hidden !important;border:1px solid var(--r4-sp-line) !important;border-radius:20px !important;background:#FFFFFF !important;box-shadow:none !important;height:auto !important;min-height:0 !important;transition:box-shadow .25s ease, border-color .25s ease !important}
.r4-service-product-page .scenario-card:hover{transform:none !important;border-color:rgba(255, 76, 0, .26) !important;box-shadow:0 18px 42px -30px rgba(31, 35, 41, .28) !important}
.r4-service-product-page .scenario-card .scenario-photo{position:static !important;display:block !important;width:100% !important;height:clamp(180px, 19vw, 220px) !important;object-fit:cover !important;background:#EFEBE6 !important;border-radius:12px !important;z-index:auto !important;transition:none !important}
.r4-service-product-page .scenario-card::after{content:none !important;display:none !important}
.r4-service-product-page .scenario-card > div{position:static !important;padding:16px 6px 4px !important}
.r4-service-product-page .scenario-card h3{color:var(--r4-sp-ink) !important;font-size:clamp(17px, 1.5vw, 19px) !important;margin:0 !important}
.r4-service-product-page .scenario-card > div > p{color:var(--r4-sp-text) !important;font-size:14px !important;line-height:1.5 !important;margin:7px 0 0 !important}
.r4-service-product-page .scenario-result, .r4-service-product-page .scenario-points{display:none !important}
@media (max-width: 680px){.r4-service-product-page .scenario-grid{grid-template-columns:1fr !important}}
.r4-service-product-page .cta-section{background-color:#1B1E22 !important;background-image:linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px),
      linear-gradient(rgba(255, 255, 255, .11) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 255, 255, .11) 1px, transparent 1px),
      radial-gradient(120% 130% at 100% 0%, rgba(255, 76, 0, .16), transparent 52%),
      linear-gradient(165deg, #23262B 0%, #1B1E22 100%) !important;background-size:26px 26px, 26px 26px,
      130px 130px, 130px 130px,
      100% 100%, 100% 100% !important;background-position:-1px -1px, -1px -1px,
      -1px -1px, -1px -1px,
      0 0, 0 0 !important;background-repeat:repeat, repeat, repeat, repeat, no-repeat, no-repeat !important}
.r4-service-product-page .cta-content{position:relative !important;z-index:0 !important}
.r4-service-product-page .cta-content::before{content:"" !important;position:absolute !important;inset:-34px -44px -34px -42px !important;z-index:-1 !important;background:radial-gradient(110% 92% at 30% 42%, rgba(27, 30, 34, .94) 0%, rgba(27, 30, 34, .6) 58%, rgba(27, 30, 34, 0) 88%) !important;filter:blur(26px) !important;pointer-events:none !important}
.r4-service-product-page .cta-meta{border-top:0 !important;padding-top:0 !important;gap:16px 36px !important}
.r4-service-product-page .cta-meta-item{border-right:0 !important;padding-right:0 !important}
.r4-service-product-page .product-card--f .tagline{text-transform:uppercase !important;letter-spacing:.04em !important}
.r4-service-product-page .product-card--f .props{grid-template-columns:none !important}
.r4-service-product-page .product-card--f .props li span:first-child{display:block !important;letter-spacing:0 !important}
.r4-service-product-page .product-card--f .props li span:last-child{display:block !important;text-align:left !important}
.r4-service-product-page .product-card--f .product-card__footer{margin-top:auto !important;padding-top:16px !important;border-top:1px solid #F0F0EE !important}
.r4-service-product-page .product-card--f .terms{display:block !important;margin-top:2px !important;font-weight:500 !important}
.r4-service-product-page{--r4-sp-ink:#333333 !important;--r4-sp-text:#737373 !important;--r4-sp-muted:#969696 !important;--r4-sp-line:#E5E5E5 !important}
.r4-service-product-page .intro-section .section-lead{color:#737373 !important}
.r4-service-product-page .section-block:not(.intro-section) .section-heading{font-family:"Manrope", sans-serif !important;font-size:clamp(28px, 3.4vw, 44px) !important;font-weight:800 !important;letter-spacing:0 !important;line-height:1.1 !important}
@keyframes cta-pulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.4); opacity: .6; } }
.r4-service-product-page .cta-section .cta-wrap{display:grid !important;grid-template-columns:1.3fr 1fr !important;gap:clamp(32px, 4vw, 72px) !important;align-items:center !important}
.r4-service-product-page .cta-section .cta-content{display:flex !important;flex-direction:column !important;gap:clamp(14px, 1.6vw, 20px) !important}
.r4-service-product-page .cta-section .cta-eyebrow{display:inline-flex !important;align-items:center !important;gap:12px !important;font-family:"Manrope", sans-serif !important;font-size:clamp(11px, .95vw, 13px) !important;font-weight:700 !important;color:#FF4C00 !important;text-transform:uppercase !important;letter-spacing:.14em !important;margin:0 !important}
.r4-service-product-page .cta-section .cta-eyebrow::before{content:"" !important;width:36px !important;height:2px !important;background:#FF4C00 !important;display:inline-block !important}
.r4-service-product-page .cta-section .cta-title{font-family:"Manrope", sans-serif !important;font-size:clamp(32px, 4vw, 60px) !important;font-weight:800 !important;color:#FFFFFF !important;line-height:1.02 !important;letter-spacing:0 !important;margin:0 !important;max-width:640px !important}
.r4-service-product-page .cta-section .cta-title b{color:#FF4C00 !important;font-weight:800 !important}
.r4-service-product-page .cta-section .cta-sub{font-family:"Manrope", sans-serif !important;font-size:clamp(15px, 1.2vw, 18px) !important;font-weight:400 !important;color:#C5C9CE !important;line-height:1.6 !important;margin:0 !important;max-width:540px !important}
.r4-service-product-page .cta-section .cta-meta{display:flex !important;flex-wrap:wrap !important;gap:clamp(20px, 2.5vw, 32px) clamp(24px, 2.6vw, 32px) !important;margin-top:clamp(8px, 1vw, 12px) !important;border:0 !important;padding:0 !important}
.r4-service-product-page .cta-section .cta-meta-item{display:flex !important;flex-direction:column !important;gap:2px !important;border:0 !important;padding:0 !important}
.r4-service-product-page .cta-section .cta-meta-label{font-size:clamp(11px, .85vw, 12px) !important;font-weight:600 !important;color:#9AA0A6 !important;text-transform:uppercase !important;letter-spacing:.08em !important}
.r4-service-product-page .cta-section .cta-meta-val{font-size:clamp(14px, 1.1vw, 16px) !important;font-weight:700 !important;color:#FFFFFF !important;line-height:1.2 !important}
.r4-service-product-page .cta-section .cta-panel{position:relative !important;background:#FFFFFF !important;border:0 !important;border-radius:24px !important;padding:clamp(28px, 3vw, 40px) !important;display:flex !important;flex-direction:column !important;gap:clamp(16px, 1.8vw, 22px) !important;box-shadow:0 30px 64px -28px rgba(0, 0, 0, .55) !important;backdrop-filter:none !important}
.r4-service-product-page .cta-section .cta-panel-head{font-family:"Manrope", sans-serif !important;font-size:clamp(13px, 1vw, 14px) !important;font-weight:700 !important;color:#FF4C00 !important;text-transform:uppercase !important;letter-spacing:.1em !important;display:inline-flex !important;align-items:center !important;gap:8px !important}
.r4-service-product-page .cta-section .cta-panel-head::before{content:"" !important;width:10px !important;height:10px !important;border-radius:50% !important;background:#FF4C00 !important;flex-shrink:0 !important;animation:cta-pulse 1.8s ease-in-out infinite !important}
.r4-service-product-page .cta-section .cta-btn{display:inline-flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;background:#FF4C00 !important;color:#fff !important;font-family:"Manrope", sans-serif !important;font-size:clamp(15px, 1.3vw, 18px) !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.04em !important;padding:clamp(18px, 2vw, 24px) clamp(24px, 2.6vw, 32px) !important;border-radius:14px !important;border:none !important;cursor:pointer !important;text-decoration:none !important;box-shadow:0 14px 30px rgba(255, 76, 0, .32) !important;transition:transform .25s ease, box-shadow .25s ease, background .25s ease !important;white-space:nowrap !important;width:auto !important}
.r4-service-product-page .cta-section .cta-btn:hover{transform:translateY(-3px) !important;box-shadow:0 22px 44px rgba(255, 76, 0, .42) !important;background:#FF5C14 !important}
.r4-service-product-page .cta-section .cta-btn-arrow{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;border-radius:50% !important;background:rgba(255, 255, 255, .18) !important;font-size:18px !important;line-height:1 !important}
.r4-service-product-page .cta-section .cta-panel-divider{height:1px !important;background:#EFEFEF !important;margin:clamp(6px, .8vw, 10px) 0 !important}
.r4-service-product-page .cta-section .cta-phone{text-decoration:none !important;display:flex !important;flex-direction:column !important;gap:4px !important}
.r4-service-product-page .cta-section .cta-phone-label{font-size:clamp(11px, .85vw, 12px) !important;font-weight:600 !important;color:#999 !important;text-transform:uppercase !important;letter-spacing:.08em !important}
.r4-service-product-page .cta-section .cta-phone-num{font-size:clamp(20px, 1.8vw, 24px) !important;font-weight:800 !important;color:#1A1A1A !important;line-height:1.2 !important;transition:color .2s ease !important}
.r4-service-product-page .cta-section .cta-phone:hover .cta-phone-num{color:#FF4C00 !important}
.r4-service-product-page .cta-section .cta-panel-note{font-size:clamp(12px, .95vw, 13px) !important;font-weight:400 !important;color:#888 !important;line-height:1.5 !important;margin:0 !important}
@media (max-width: 900px){.r4-service-product-page .cta-section .cta-wrap{grid-template-columns:1fr !important}}
.r4-service-product-page .faq-section .faq-head .eyebrow{display:none !important}
.r4-service-product-page .faq-section .faq-head{display:grid !important;grid-template-columns:1fr !important;gap:clamp(20px, 2.5vw, 40px) !important;align-items:end !important;margin-bottom:clamp(28px, 3vw, 40px) !important}
.r4-service-product-page .faq-section .faq-head-title{font-family:"Manrope", sans-serif !important;font-size:clamp(32px, 4vw, 56px) !important;font-weight:800 !important;color:#333333 !important;line-height:1.05 !important;margin:0 !important;letter-spacing:0 !important}
.r4-service-product-page .faq-section .faq-head-title b{color:#333333 !important;font-weight:800 !important}
.r4-service-product-page .faq-section .faq-list{border-top:2px solid #333333 !important}
.r4-service-product-page .faq-section .faq-row{display:grid !important;grid-template-columns:60px 1fr 1.4fr !important;gap:clamp(16px, 2vw, 32px) !important;padding:clamp(22px, 2.4vw, 32px) 0 !important;border-bottom:1px solid #E8E8E8 !important;align-items:start !important;background:transparent !important;margin:0 !important;padding-inline:0 !important;border-radius:0 !important}
.r4-service-product-page .faq-section .faq-row-num{font-family:"Manrope", sans-serif !important;font-size:clamp(18px, 1.6vw, 22px) !important;font-weight:700 !important;color:#FF4C00 !important;line-height:1.3 !important;letter-spacing:.04em !important;background:transparent !important;background-color:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;width:auto !important;height:auto !important;min-width:0 !important;display:block !important;box-shadow:none !important}
.r4-service-product-page .faq-section .faq-row-num::before, .r4-service-product-page .faq-section .faq-row-num::after{content:none !important;display:none !important;background:none !important}
.r4-service-product-page .faq-section .faq-row-q{font-family:"Manrope", sans-serif !important;font-size:clamp(17px, 1.5vw, 22px) !important;font-weight:700 !important;color:#333333 !important;line-height:1.3 !important;margin:0 !important}
.r4-service-product-page .faq-section .faq-row-a{font-family:"Manrope", sans-serif !important;font-size:clamp(14px, 1.1vw, 16px) !important;font-weight:400 !important;color:#555555 !important;line-height:1.65 !important;margin:0 !important}
@media (max-width: 900px){.r4-service-product-page .faq-section .faq-row{grid-template-columns:48px 1fr !important}.r4-service-product-page .faq-section .faq-row-a{grid-column:1 / -1 !important;padding-left:64px !important}}
@media (max-width: 600px){.r4-service-product-page .faq-section .faq-head{grid-template-columns:1fr !important;align-items:start !important}}
.r4-service-product-page .faq-section .faq-row, .r4-service-product-page .faq-section .faq-row:hover{background:transparent !important}
.r4-service-product-page .btn{text-transform:uppercase !important;letter-spacing:.04em !important;font-weight:700 !important;font-family:"Manrope", sans-serif !important;border-radius:14px !important;background:#FFFFFF !important;color:#333333 !important;border:1px solid #E5E5E5 !important;box-shadow:none !important;transition:transform .25s ease, box-shadow .25s ease, border-color .2s ease, background .2s ease, color .2s ease !important}
.r4-service-product-page .btn:hover{border-color:#FF4C00 !important;color:#FF4C00 !important;background:#FFFFFF !important;transform:translateY(-2px) !important;box-shadow:none !important}
.r4-service-product-page .btn.btn--primary{background:#FF4C00 !important;color:#FFFFFF !important;border-color:#FF4C00 !important;font-weight:800 !important;box-shadow:0 14px 30px rgba(255, 76, 0, .28) !important}
.r4-service-product-page .btn.btn--primary:hover{background:#FF5C14 !important;border-color:#FF5C14 !important;color:#FFFFFF !important;transform:translateY(-2px) !important;box-shadow:0 22px 44px rgba(255, 76, 0, .4) !important}
.r4-service-product-page .section-lead, .r4-service-product-page .expert-lead, .r4-service-product-page .accessory-section .section-lead{font-size:clamp(15px, 1.05vw, 17px) !important;line-height:1.62 !important;color:#737373 !important}
.r4-service-product-page{--r4-sp-green:#FF4C00 !important;--r4-sp-green-soft:#FFF1EC !important}
.r4-service-product-page .accessory-section .section-top .btn, .r4-service-product-page .accessory-section .section-top > .btn{background:#FFFFFF !important;border-color:#E5E5E5 !important;color:#333333 !important;box-shadow:none !important}
.r4-service-product-page .accessory-section .section-top .btn:hover, .r4-service-product-page .accessory-section .section-top > .btn:hover{background:#FFFFFF !important;border-color:#FF4C00 !important;color:#FF4C00 !important;box-shadow:none !important}
.r4-service-product-page .intro-section .page-breadcrumbs, .r4-service-product-page .intro-section .page-breadcrumbs a{color:#888888 !important;font-weight:500 !important}
.r4-service-product-page .intro-section .page-breadcrumbs-sep{color:#CCCCCC !important}
.r4-service-product-page .intro-section .page-breadcrumbs-current{color:#1A1A1A !important;font-weight:600 !important}
.r4-service-product-page .intro-section .eyebrow{display:inline-flex !important;align-items:center !important;font-family:"Manrope", sans-serif !important;font-size:clamp(11px, .95vw, 13px) !important;text-transform:uppercase !important;border:0 !important;border-radius:20px !important;backdrop-filter:none !important}
.r4-service-product-page .intro-section .section-heading{font-family:"Manrope", sans-serif !important;font-weight:800 !important;color:#333333 !important;letter-spacing:0 !important}
.r4-service-product-page .intro-section .section-heading b{color:#FF4C00 !important;font-weight:800 !important}
.r4-service-product-page .more-toggle{position:fixed !important;top:0 !important;left:0 !important;opacity:0 !important;width:1px !important;height:1px !important;margin:0 !important;pointer-events:none !important}
.r4-service-product-page .more-toggle:checked ~ .product-grid .product-card:nth-child(n/**/+4){display:flex !important}
.r4-service-product-page .more-btn{display:flex !important;align-items:center !important;justify-content:center !important;width:52px !important;height:52px !important;border-radius:50% !important;margin:clamp(26px, 3vw, 40px) auto 0 !important;cursor:pointer !important;color:#FF4C00 !important;background:#FFFFFF !important;border:1px solid #E5E5E5 !important;box-shadow:0 8px 20px -12px rgba(31, 35, 41, .35) !important;transition:border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease !important}
.r4-service-product-page .more-btn:hover{border-color:#FF4C00 !important;background:#FFF1EA !important;transform:translateY(-2px) !important}
.r4-service-product-page .more-chev{display:block !important;width:24px !important;height:24px !important;transition:transform .3s ease !important}
.r4-service-product-page .more-toggle:checked ~ .more-btn .more-chev{transform:rotate(180deg) !important}
@media (min-width: 761px){.r4-service-product-page .formats .format-card .btn{min-width:300px !important;justify-content:center !important;text-align:center !important;white-space:nowrap !important}}
.r4-service-product-page .check-strip > div > p, .r4-service-product-page .check-strip p{margin-top:0 !important}
.r4-service-product-page .case-card{display:flex !important;flex-direction:column !important;background:#FFFFFF !important;border:1px solid #ECECEC !important;border-radius:20px !important;overflow:hidden !important;box-shadow:0 1px 2px rgba(31, 35, 41, .04) !important;transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease !important}
.r4-service-product-page .case-card:hover{transform:translateY(-4px) !important;box-shadow:0 26px 50px -30px rgba(31, 35, 41, .5) !important;border-color:#E2E2E2 !important}
.r4-service-product-page .case-card__image{aspect-ratio:4 / 3 !important;background:#F4F2EE !important;border-bottom:1px solid #F1F1F1 !important}
.r4-service-product-page .case-card__body{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;gap:10px !important;padding:clamp(20px, 1.9vw, 26px) !important}
.r4-service-product-page .case-card__body .tag{display:inline-flex !important;align-self:flex-start !important;width:auto !important;min-height:0 !important;align-items:center !important;padding:5px 12px !important;border-radius:999px !important;background:#FFF1EA !important;color:#FF4C00 !important;font-family:"Manrope", sans-serif !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.08em !important;line-height:1.4 !important;margin:0 0 2px !important;white-space:nowrap !important}
.r4-service-product-page .case-card__body h3{margin:0 !important;font-family:"Manrope", sans-serif !important;font-size:clamp(18px, 1.5vw, 22px) !important;font-weight:800 !important;color:#333333 !important;line-height:1.25 !important;letter-spacing:0 !important}
.r4-service-product-page .case-card__body p{margin:0 !important;font-family:"Manrope", sans-serif !important;font-size:clamp(14px, 1.05vw, 15px) !important;font-weight:400 !important;color:#737373 !important;line-height:1.6 !important}
.r4-service-product-page .case-card__link{margin-top:auto !important;padding-top:16px !important;align-self:flex-start !important;display:inline-flex !important;align-items:center !important;gap:8px !important;font-family:"Manrope", sans-serif !important;font-size:14px !important;font-weight:700 !important;color:#FF4C00 !important;text-decoration:none !important;border:0 !important;box-shadow:none !important;transition:color .2s ease !important}
.r4-service-product-page .case-card__link:hover{color:#FF5C14 !important}
.r4-service-product-page .case-card__link::after{content:"→" !important;display:inline-block !important;transition:transform .25s ease !important;text-decoration:none !important}
.r4-service-product-page .case-card:hover .case-card__link::after{transform:translateX(4px) !important}
.r4-service-product-page .intro-section .eyebrow{margin:0 0 14px !important}
.r4-service-product-page .intro-section .section-heading{font-size:clamp(28px, 3.4vw, 48px) !important;line-height:1.08 !important;margin:0 0 clamp(14px, 1.6vw, 20px) !important;max-width:900px !important}
.r4-service-product-page .intro-section .intro-lead-single{font-family:"Manrope", sans-serif !important;font-size:clamp(15px, 1.15vw, 18px) !important;font-weight:400 !important;color:#737373 !important;line-height:1.6 !important;margin:0 !important;max-width:720px !important}
.r4-service-product-page .hero-benefits li{gap:9px !important;font-family:"Manrope", sans-serif !important}
.r4-service-product-page .hero-benefits li::before{flex-shrink:0 !important}
.r4-service-product-page .catalog-section{margin-top:clamp(48px, 5.5vw, 88px) !important}
.r4-service-product-page .catalog-section .section-top{margin-bottom:clamp(14px, 1.8vw, 22px) !important;padding-bottom:clamp(14px, 1.8vw, 20px) !important}
.r4-service-product-page .catalog-section .section-heading{font-size:clamp(24px, 2.6vw, 36px) !important}
.r4-service-product-page .catalog-section .section-lead{font-size:clamp(14px, 1.02vw, 16px) !important;line-height:1.6 !important;margin-top:8px !important}
.r4-service-product-page .catalog-note{margin-top:clamp(12px, 1.6vw, 16px) !important;margin-bottom:clamp(16px, 2vw, 24px) !important}
.r4-service-product-page .section-cta{display:flex !important;justify-content:flex-end !important;margin-top:clamp(20px, 2.4vw, 34px) !important}
.r4-service-product-page .product-grid .product-card:nth-child(n/**/+4){display:flex !important}
.r4-service-product-page #more-acc:checked ~ .accessory-grid .accessory-card:nth-child(n/**/+4){display:flex !important}
.r4-service-product-page .product-card--f .article-mark{display:inline-block !important;z-index:3 !important;background:rgba(255, 255, 255, .82) !important;padding:3px 9px !important;border-radius:8px !important;backdrop-filter:blur(2px) !important}
.r4-service-product-page{background:#FFFFFF !important}
.r4-service-product-page::before{left:50% !important;right:auto !important;width:100vw !important;height:520px !important;transform:translateX(-50%) !important;background:radial-gradient(1100px 460px at 50% -6%, rgba(255,76,0,.13), transparent 60%),
      linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%) !important}
.r4-service-product-page .hero-benefits li{list-style:none !important}
.r4-service-product-page .hero-benefits li::before, .r4-service-product-page .hero-benefits li::marker{content:none !important;display:none !important}
.r4-service-product-page .intro-section .eyebrow{gap:8px !important;color:#C2370A !important;font-weight:800 !important;letter-spacing:.08em !important;background:#FFE3D6 !important;padding:7px 14px 7px 13px !important;box-shadow:inset 0 0 0 1px rgba(194,55,10,.14) !important}
.r4-service-product-page .intro-section .eyebrow::before{content:"" !important;display:inline-block !important;width:7px !important;height:7px !important;border-radius:50% !important;background:#FF4C00 !important}
.r4-service-product-page .product-card__media{position:relative !important;display:block !important;aspect-ratio:1 / 1 !important;overflow:hidden !important;padding:0 !important}
.r4-service-product-page .product-card__media img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;padding:26px !important;object-fit:contain !important;object-position:center !important;z-index:1 !important}
.r4-service-product-page .product-card--f .tagline, .r4-service-product-page .product-card--f .article-mark{z-index:3 !important}
.r4-service-product-page .accessory-card small{margin-bottom:2px !important}
.r4-service-product-page .accessory-card h3{margin-top:6px !important}
.r4-service-product-page .accessory-card p{margin-top:6px !important}
.r4-service-product-page .accessory-grid .accessory-card:nth-child(n/**/+4){display:flex !important}
.r4-service-product-page .more-btn, .r4-service-product-page #more-acc, .r4-service-product-page .more-toggle{display:none !important}
.r4-service-product-page .kit-card h3{margin-top:8px !important;font-size:clamp(17px, 1.5vw, 20px) !important;line-height:1.2 !important;letter-spacing:0 !important}
.r4-service-product-page::before{display:none !important;content:none !important}
.r4-service-product-page .btn:not(.btn--primary):hover{background:#FF4C00 !important;border-color:#FF4C00 !important;color:#FFFFFF !important;transform:translateY(-2px) !important;box-shadow:0 12px 28px -14px rgba(255,76,0,.55) !important}
.r4-service-product-page .catalog-section .product-grid{row-gap:clamp(34px, 4vw, 56px) !important;column-gap:22px !important}
.r4-service-product-page .accessory-grid{row-gap:clamp(34px, 4vw, 56px) !important;column-gap:18px !important}
.r4-service-product-page .catalog-note--compact{align-items:baseline !important}
.r4-service-product-page .catalog-note--compact p{margin:0 !important}
.r4-service-product-page .catalog-note--compact b::after{content:none !important}
.r4-service-product-page .catalog-note--compact b{color:var(--r4-sp-muted) !important;font-weight:400 !important}
.r4-service-product-page .catalog-note__main{display:inline !important;color:var(--r4-sp-muted) !important;font-weight:400 !important}
@media (min-width: 768px){.r4-service-product-page .catalog-note--compact > div{white-space:nowrap !important}}
.r4-service-product-page{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding-left:max(20px, calc((100vw - 1440px) / 2)) !important;padding-right:max(20px, calc((100vw - 1440px) / 2)) !important;box-sizing:border-box !important}
.r4-service-product-page .expert-section{padding-top:clamp(58px, 6vw, 88px) !important;padding-right:max(16px, calc((100vw - 1384px) / 2)) !important;margin-bottom:0 !important;padding-bottom:clamp(24px, 2.2vw, 32px) !important;padding-left:max(16px, calc((100vw - 1384px) / 2)) !important}
.r4-service-product-page .kit-section{margin-top:0 !important;padding-top:clamp(28px, 3vw, 40px) !important}
.r4-service-product-page .expert-wrap{display:grid !important;width:100% !important;max-width:none !important;grid-template-columns:1fr !important;gap:28px !important}
.r4-service-product-page .expert-lead{max-width:760px !important}
.r4-service-product-page .expert-lead p{max-width:720px !important}
.r4-service-product-page .expert-wrap > div:not(.expert-lead):not(.check-strip){width:100% !important}
.r4-service-product-page .expert-grid{display:grid !important;grid-template-columns:repeat(4, minmax(0, 1fr)) !important;gap:18px !important}
.r4-service-product-page .expert-card{min-height:228px !important;padding:24px !important}
.r4-service-product-page .expert-card h3{font-size:18px !important;line-height:1.22 !important}
.r4-service-product-page .expert-card p{font-size:14px !important;line-height:1.5 !important}
.r4-service-product-page .check-strip{width:100% !important;margin-top:0 !important;grid-template-columns:1fr !important;gap:14px !important;padding:24px 28px !important}
.r4-service-product-page .check-strip h3{margin:0 0 12px !important;line-height:1.2 !important}
.r4-service-product-page .check-strip > div > p{max-width:820px !important;margin:0 !important;line-height:1.55 !important}
.r4-service-product-page .check-list{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;gap:12px 32px !important;margin-top:0 !important}
.r4-service-product-page .check-list li{padding-left:24px !important}
.r4-service-product-page .check-list li::before{top:0.05em !important;left:0 !important;width:auto !important;height:auto !important;border-radius:0 !important;background:transparent !important;color:var(--r4-sp-orange) !important;content:"→" !important;font-size:17px !important;font-weight:900 !important;line-height:1.2 !important}
@media (max-width: 1180px){.r4-service-product-page .expert-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}
@media (max-width: 900px){.r4-service-product-page .expert-grid, .r4-service-product-page .check-list{grid-template-columns:1fr !important}}
.r4-service-product-page .accessory-section .catalog-note--compact{width:100% !important;max-width:none !important;align-items:baseline !important;color:var(--r4-sp-muted) !important}
.r4-service-product-page .accessory-section .catalog-note--compact > div{width:100% !important;min-width:0 !important}
.r4-service-product-page .accessory-section .catalog-note--compact .catalog-note__main{display:inline !important;color:var(--r4-sp-muted) !important;font-size:13px !important;font-weight:400 !important;line-height:1.55 !important;text-transform:none !important;text-decoration:none !important}
.r4-service-product-page .accessory-section .catalog-note--compact b{color:var(--r4-sp-muted) !important;font-weight:400 !important}
@media (min-width: 768px){.r4-service-product-page .accessory-section .catalog-note--compact > div{white-space:nowrap !important}}
.r4-service-product-page .section-heading, .r4-service-product-page .intro-title, .r4-service-product-page .expert-lead h2, .r4-service-product-page .faq-section h2, .r4-service-product-page .format-card h3, .r4-service-product-page .btn{text-wrap:balance}
.r4-service-product-page .section-lead, .r4-service-product-page .expert-lead p, .r4-service-product-page .format-card p, .r4-service-product-page .faq-row-a{text-wrap:pretty}
.r4-service-product-page .kit-icon{display:grid !important;width:78px !important;height:78px !important;margin-bottom:22px !important;place-items:center !important;border-radius:20px !important;background:#FFF7F2 !important}
.r4-service-product-page .kit-icon:empty{border:1px dashed rgba(255, 76, 0, .28) !important}
.r4-service-product-page .kit-icon img, .r4-service-product-page .kit-icon svg{width:48px !important;height:48px !important;object-fit:contain !important}
.r4-service-product-page{color:#737373 !important;font-family:"Manrope", Arial, "Helvetica Neue", Helvetica, sans-serif !important;font-size:clamp(15px, 1.05vw, 17px) !important;line-height:1.62 !important}
.r4-service-product-page, .r4-service-product-page *{letter-spacing:0 !important}
.r4-service-product-page p, .r4-service-product-page li{color:#737373 !important;font-size:clamp(15px, 1.05vw, 17px) !important;line-height:1.62 !important}
.r4-service-product-page h2, .r4-service-product-page h3, .r4-service-product-page b, .r4-service-product-page strong{color:#1A1A1A !important;font-weight:800 !important}
.r4-service-product-page .section-heading{max-width:980px !important;color:#333333 !important;font-size:clamp(28px, 3.4vw, 44px) !important;font-weight:800 !important;line-height:1.1 !important}
.r4-service-product-page .section-lead{max-width:760px !important;margin-top:clamp(12px, 1.4vw, 18px) !important;color:#737373 !important;font-size:clamp(15px, 1.1vw, 17px) !important;line-height:1.6 !important}
.r4-service-product-page .page-breadcrumbs{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:6px !important;margin:0 0 clamp(18px, 2vw, 28px) !important;color:#888888 !important;font-size:13px !important;font-weight:500 !important;line-height:1.4 !important}
.r4-service-product-page .page-breadcrumbs a{color:#888888 !important;border-bottom:1px solid transparent !important;transition:color .2s ease, border-color .2s ease !important}
.r4-service-product-page .page-breadcrumbs a:hover{color:#FF4C00 !important;border-bottom-color:rgba(255, 76, 0, .3) !important}
.r4-service-product-page .page-breadcrumbs-sep{color:#CCCCCC !important}
.r4-service-product-page .page-breadcrumbs-current{color:#1A1A1A !important;font-weight:600 !important}
.r4-service-product-page .intro-section{position:relative !important;max-width:1440px !important;margin:clamp(20px, 2vw, 32px) auto clamp(32px, 4vw, 56px) !important;padding-top:clamp(40px, 4vw, 64px) !important;padding-bottom:clamp(32px, 3.5vw, 56px) !important;overflow:visible !important;background:transparent !important}
.r4-service-product-page .intro-section::before{display:none !important;content:none !important}
.r4-service-product-page .intro-section::after{position:absolute !important;top:0 !important;right:calc(50% - 50vw) !important;z-index:0 !important;width:clamp(260px, 32vw, 480px) !important;height:clamp(260px, 32vw, 480px) !important;background:radial-gradient(circle, rgba(255, 76, 0, .22) 0%, rgba(255, 76, 0, 0) 70%) !important;pointer-events:none !important;transform:translate(20%, -20%) !important;content:"" !important}
.r4-service-product-page .intro-section > *{position:relative !important;z-index:1 !important}
.r4-service-product-page .intro-title, .r4-service-product-page .intro-section .section-heading{max-width:980px !important;margin:0 0 clamp(24px, 2.6vw, 36px) !important;color:#1A1A1A !important;font-size:clamp(32px, 4.2vw, 64px) !important;font-weight:800 !important;line-height:1.05 !important}
.r4-service-product-page .intro-title b, .r4-service-product-page .intro-section .section-heading b{color:#FF4C00 !important;font-weight:800 !important}
.r4-service-product-page .intro-lead-single{max-width:760px !important;margin:0 !important;color:#3A3A3A !important;font-size:clamp(15px, 1.2vw, 18px) !important;font-weight:400 !important;line-height:1.65 !important}
.r4-service-product-page .hero-benefits{grid-template-columns:repeat(4, minmax(0, 1fr)) !important}
.r4-service-product-page .hero-benefits li{border-bottom:1px solid #E5E5E5 !important}
.r4-service-product-page .product-card, .r4-service-product-page .accessory-card, .r4-service-product-page .scenario-card, .r4-service-product-page .case-card, .r4-service-product-page .kit-card, .r4-service-product-page .format-card{border-color:#EFEFEF !important;border-radius:18px !important;background-color:#FFFFFF !important}
.r4-service-product-page .product-card__body{gap:11px !important;padding:clamp(22px, 2vw, 26px) !important}
.r4-service-product-page .product-card h3{min-height:0 !important;margin:0 !important;color:#1A1A1A !important;font-size:clamp(19px, 1.55vw, 23px) !important;font-weight:800 !important;line-height:1.22 !important}
.r4-service-product-page .product-card__body > p{margin:0 !important;color:#555555 !important;font-size:clamp(14.5px, 1.05vw, 16px) !important;font-weight:400 !important;line-height:1.62 !important}
.r4-service-product-page .product-card--f .price{color:#1A1A1A !important;font-size:clamp(16px, 1.15vw, 18px) !important;font-weight:800 !important;line-height:1.25 !important}
.r4-service-product-page .product-card--f .terms{color:#888888 !important;font-size:13px !important;line-height:1.5 !important}
.r4-service-product-page .accessory-card h3, .r4-service-product-page .kit-card h3, .r4-service-product-page .scenario-card h3, .r4-service-product-page .case-card h3, .r4-service-product-page .format-card h3{color:#1A1A1A !important;font-weight:800 !important;line-height:1.22 !important}
.r4-service-product-page .accessory-card p, .r4-service-product-page .kit-card p, .r4-service-product-page .scenario-card p, .r4-service-product-page .case-card p, .r4-service-product-page .format-card p{color:#555555 !important;font-size:clamp(14.5px, 1.05vw, 16px) !important;line-height:1.62 !important}
.r4-service-product-page .formats-section{max-width:none !important;margin-right:calc(50% - 50vw) !important;margin-left:calc(50% - 50vw) !important;padding-right:max(16px, calc((100vw - 1440px) / 2)) !important;padding-left:max(16px, calc((100vw - 1440px) / 2)) !important}
.r4-service-product-page .formats-section .section-top{max-width:1440px !important;margin-right:auto !important;margin-left:auto !important}
.r4-service-product-page .formats{display:block !important;width:100% !important;max-width:none !important;margin-top:clamp(24px, 2.5vw, 36px) !important;border-top:1px solid #E5E5E5 !important;border-bottom:1px solid #E5E5E5 !important;background:transparent !important;counter-reset:fmt !important}
.r4-service-product-page .format-card{display:grid !important;width:100% !important;grid-template-columns:clamp(60px, 7vw, 108px) minmax(0, 1fr) minmax(220px, auto) !important;grid-template-rows:auto auto !important;align-items:center !important;column-gap:clamp(20px, 3vw, 48px) !important;row-gap:6px !important;padding:clamp(26px, 3vw, 40px) 0 !important;border:0 !important;border-bottom:1px solid #E5E5E5 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;transition:transform .26s cubic-bezier(.22, .61, .36, 1) !important;counter-increment:fmt !important}
.r4-service-product-page .format-card:last-child{border-bottom:0 !important}
.r4-service-product-page .format-card:hover, .r4-service-product-page .format-card:focus-within{transform:translateX(10px) !important;border-color:#E5E5E5 !important;background:transparent !important;box-shadow:none !important}
.r4-service-product-page .format-card::before{display:block !important;grid-column:1 !important;grid-row:1 / 3 !important;align-self:center !important;justify-self:start !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;color:#FF4C00 !important;font-size:clamp(40px, 4.4vw, 62px) !important;font-weight:900 !important;line-height:1 !important;content:counter(fmt, decimal-leading-zero) !important}
.r4-service-product-page .format-card::after{display:none !important;content:none !important}
.r4-service-product-page .format-card small{display:none !important}
.r4-service-product-page .format-card h3{grid-column:2 !important;grid-row:1 !important;margin:0 !important;color:#1A1A1A !important;font-size:clamp(20px, 1.8vw, 26px) !important;line-height:1.18 !important}
.r4-service-product-page .format-card p{grid-column:2 !important;grid-row:2 !important;margin:0 !important;color:#555555 !important;font-size:clamp(14.5px, 1.05vw, 16px) !important;line-height:1.62 !important}
.r4-service-product-page .format-card .btn{grid-column:3 !important;grid-row:1 / 3 !important;justify-self:end !important;min-width:220px !important;width:auto !important;margin:0 !important}
@media (max-width: 1100px){.r4-service-product-page .hero-benefits{grid-template-columns:repeat(2, minmax(0, 1fr)) !important}}
@media (max-width: 760px){.r4-service-product-page .intro-section{padding-top:28px !important}.r4-service-product-page .intro-title, .r4-service-product-page .intro-section .section-heading{font-size:32px !important}.r4-service-product-page .hero-benefits{grid-template-columns:1fr !important}.r4-service-product-page .format-card{grid-template-columns:54px minmax(0, 1fr) !important;padding:24px 0 !important}.r4-service-product-page .format-card::before{grid-row:1 !important;font-size:34px !important}.r4-service-product-page .format-card h3{grid-column:2 !important;grid-row:1 !important}.r4-service-product-page .format-card p{grid-column:1 / 3 !important;grid-row:2 !important;margin-top:8px !important}.r4-service-product-page .format-card .btn{grid-column:1 / 3 !important;grid-row:3 !important;justify-self:stretch !important;width:100% !important;min-width:0 !important;margin-top:14px !important}}
.r4-service-product-page .hero-benefits{display:flex !important;flex-wrap:wrap !important;gap:12px !important;align-items:center !important;margin:clamp(22px, 2.4vw, 34px) 0 0 !important;padding:0 !important;list-style:none !important}
.r4-service-product-page .hero-benefits li{position:relative !important;display:inline-flex !important;width:auto !important;min-width:0 !important;height:44px !important;min-height:44px !important;flex:0 0 auto !important;align-items:center !important;justify-content:flex-start !important;padding:0 17px 0 30px !important;border:1px solid #E6E8EB !important;border-radius:999px !important;background:#FFFFFF !important;color:#111827 !important;box-shadow:0 2px 7px rgba(31, 35, 41, .035) !important;font-size:15px !important;font-weight:600 !important;line-height:1 !important;white-space:nowrap !important;transition:border-color .2s ease, box-shadow .2s ease, color .2s ease !important}
.r4-service-product-page .hero-benefits li:first-child{border-color:#E6E8EB !important}
.r4-service-product-page .hero-benefits li:hover{border-color:#FF4C00 !important;box-shadow:0 8px 22px rgba(255, 76, 0, .08) !important;color:#1A1A1A !important}
.r4-service-product-page .hero-benefits li::before{position:absolute !important;top:50% !important;left:12px !important;display:block !important;width:7px !important;height:7px !important;border-radius:50% !important;background:#FF4C00 !important;transform:translateY(-50%) !important;content:"" !important}
.r4-service-product-page .product-card--f .props{display:grid !important;gap:6px !important;margin-top:8px !important;overflow:hidden !important;border-top:0 !important;border-bottom:0 !important}
.r4-service-product-page .product-card--f .props li{display:grid !important;grid-template-columns:minmax(92px, .9fr) minmax(0, 1.1fr) !important;gap:10px !important;align-items:baseline !important;padding:4px 0 !important;border:0 !important;border-bottom:0 !important;border-radius:0 !important;background:transparent !important;color:#555555 !important;font-size:15px !important;line-height:1.42 !important}
.r4-service-product-page .product-card--f .props li:last-child{border-bottom:0 !important}
.r4-service-product-page .product-card--f .props li::before, .r4-service-product-page .product-card--f .props li::after, .r4-service-product-page .product-card--f .props li + li::before{display:none !important;content:none !important}
.r4-service-product-page .product-card--f .props li span:first-child{color:#888888 !important;font-size:12px !important;font-weight:700 !important;line-height:1.35 !important;text-transform:uppercase !important}
.r4-service-product-page .product-card--f .props li span:last-child{color:#1A1A1A !important;font-size:15px !important;font-weight:700 !important;line-height:1.35 !important}
@media (max-width: 760px){.r4-service-product-page .hero-benefits{gap:10px !important}.r4-service-product-page .hero-benefits li{flex-basis:100% !important}.r4-service-product-page .product-card--f .props li{grid-template-columns:1fr !important;gap:3px !important}}

/* ==========================================================================
   LAYER 03 · DESIGNER REFINEMENT MODULES
   --------------------------------------------------------------------------
   Human-readable append-only modules from the approved visual iteration:
   intro rhythm, typography, process timeline, mobile cards, CTA and FAQ.

   Add new shared service-page refinements here only as clearly named blocks.
   If a rule belongs only to one future page, keep it in a page-specific file.
   ========================================================================== */

/* --- отступ сверху + сжатие intro->catalog --- */
.r4-service-product-page .intro-section{margin-top:0 !important;padding-top:clamp(8px, 1.4vw, 16px) !important;margin-bottom:clamp(16px, 2vw, 28px) !important}
.r4-service-product-page .catalog-section{margin-top:clamp(20px, 2.4vw, 36px) !important}
@media (max-width: 760px){.r4-service-product-page .intro-section{padding-top:8px !important}}

/* --- Manrope везде (кроме декоративной «i» в catalog-note) --- */
.r4-service-product-page, .r4-service-product-page *{font-family:"Manrope", Arial, "Helvetica Neue", Helvetica, sans-serif !important}
.r4-service-product-page .catalog-note::before{font-family:Georgia, "Times New Roman", serif !important}

/* === Путь от заявки до монтажа (timeline) === */
.r4-service-product-page .proc-section{max-width:1440px !important;margin:clamp(56px, 6vw, 92px) auto 0 !important}
.r4-service-product-page .proc-head{max-width:880px;margin-bottom:clamp(34px, 3.6vw, 54px)}
.r4-service-product-page .proc-eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 14px;color:#FF4C00;font-size:clamp(11px, .95vw, 13px);font-weight:700;text-transform:uppercase;letter-spacing:.14em;line-height:1}
.r4-service-product-page .proc-eyebrow::before{content:"";display:inline-block;width:36px;height:2px;background:#FF4C00}

.r4-service-product-page .proc-flow{display:grid;grid-template-columns:repeat(4, 1fr);gap:clamp(20px, 2.4vw, 44px);margin:0;padding:0;list-style:none}
.r4-service-product-page .proc-step{position:relative;margin:0;padding:0;list-style:none;transition:transform .25s ease}
.r4-service-product-page .proc-step__top{position:relative;display:flex;align-items:center;margin-bottom:clamp(18px, 1.8vw, 24px)}
.r4-service-product-page .proc-num{position:relative;z-index:1;flex:none;display:inline-grid;place-items:center;width:clamp(48px, 3.6vw, 58px);height:clamp(48px, 3.6vw, 58px);border-radius:50%;background:#FF4C00;color:#fff;font-size:clamp(16px, 1.3vw, 19px);font-weight:800;line-height:1;box-shadow:0 10px 24px -10px rgba(255, 76, 0, .6);transition:transform .25s ease, box-shadow .25s ease}
.r4-service-product-page .proc-line{flex:1;height:2px;margin-left:14px;border-radius:2px;background:linear-gradient(90deg, rgba(255, 76, 0, .45), rgba(255, 76, 0, .06))}
.r4-service-product-page .proc-step:last-child .proc-line{display:none}
.r4-service-product-page .proc-step__title{margin:0 0 9px;color:#1A1A1A;font-size:clamp(17px, 1.4vw, 21px);font-weight:800;line-height:1.2}
.r4-service-product-page .proc-step__text{margin:0;color:#555;font-size:clamp(14px, 1.05vw, 16px);line-height:1.6}
.r4-service-product-page .proc-step:hover{transform:translateY(-2px)}
.r4-service-product-page .proc-step:hover .proc-num{transform:translateY(-3px);box-shadow:0 16px 30px -10px rgba(255, 76, 0, .7)}

@media (max-width: 900px){
  .r4-service-product-page .proc-flow{grid-template-columns:1fr;gap:0}
  .r4-service-product-page .proc-step{padding:0 0 clamp(26px, 4vw, 36px) 64px}
  .r4-service-product-page .proc-step:last-child{padding-bottom:0}
  .r4-service-product-page .proc-step__top{position:absolute;left:0;top:0;bottom:0;display:block;width:48px;margin:0}
  .r4-service-product-page .proc-num{width:48px;height:48px;font-size:16px}
  .r4-service-product-page .proc-line{display:block !important;position:absolute;left:23px;top:48px;bottom:-2px;width:2px;height:auto;margin:0;background:linear-gradient(180deg, rgba(255, 76, 0, .45), rgba(255, 76, 0, .06))}
  .r4-service-product-page .proc-step:last-child .proc-line{display:none !important}
}

@media (prefers-reduced-motion: reduce){
  .r4-service-product-page .proc-step, .r4-service-product-page .proc-num{transition:none !important}
  .r4-service-product-page .proc-step:hover, .r4-service-product-page .proc-step:hover .proc-num{transform:none !important}
}

/* === «Что нужно посчитать»: разделители во всю ширину секции === */
.r4-service-product-page .formats{width:auto !important;margin-left:calc(-1 * min(40px, max(16px, (100vw - 1440px) / 2))) !important;margin-right:calc(-1 * min(40px, max(16px, (100vw - 1440px) / 2))) !important}
.r4-service-product-page .format-card{padding-left:min(40px, max(16px, (100vw - 1440px) / 2)) !important;padding-right:min(40px, max(16px, (100vw - 1440px) / 2)) !important}

/* ===== правки по блокам ===== */

/* «Популярные торговые стеллажи»: равные отступы заголовок→текст→пометка */
.r4-service-product-page .catalog-section .section-lead{margin-top:clamp(12px, 1.3vw, 16px) !important}
.r4-service-product-page .catalog-section .section-top{margin-bottom:clamp(12px, 1.3vw, 16px) !important;padding-bottom:0 !important}
.r4-service-product-page .catalog-section .catalog-note{margin-top:0 !important;margin-bottom:clamp(20px, 2.4vw, 30px) !important}
/* карточки товара чуть ниже (короче картинка) */
.r4-service-product-page .product-card__media{aspect-ratio:5 / 4 !important}

/* «Аксессуары»: равные отступы заголовок→текст→пометка */
.r4-service-product-page .accessory-section .section-lead{margin-top:clamp(12px, 1.3vw, 16px) !important}
.r4-service-product-page .accessory-section .section-top{margin-bottom:clamp(12px, 1.3vw, 16px) !important;padding-bottom:0 !important}
.r4-service-product-page .accessory-section .catalog-note{margin-top:0 !important}
/* больше воздуха картинка→текст в карточке аксессуара */
.r4-service-product-page .accessory-card .accessory-photo{margin-bottom:clamp(20px, 2vw, 26px) !important}

/* «Оборудование для всего торгового зала»: больше отступ сверху */
.r4-service-product-page .kit-section{margin-top:clamp(48px, 5.5vw, 80px) !important}

/* «Путь от заявки до монтажа»: больше отступ сверху + eyebrow над заголовком */
.r4-service-product-page .proc-section{margin-top:clamp(80px, 8vw, 120px) !important}
.r4-service-product-page .proc-head{display:flex !important;flex-direction:column !important;align-items:flex-start !important}

/* «Стеллажи под формат магазина»: выше фото */
.r4-service-product-page .scenario-card .scenario-photo{height:clamp(220px, 24vw, 300px) !important}

/* CTA: слово «стеллажей» белым */
.r4-service-product-page .cta-section .cta-title .cta-title-white{color:#FFFFFF !important}

/* ===== UX/UI правки: горизонтальный скролл, пустоты в карточках ===== */

/* 1. Убираем горизонтальный скролл на планшете/мобайле.
   Полноширинные секции (50%-50vw) и двойной breakout у .formats давали
   ~28px переполнения вправо; clip обрезает его, не ломая sticky/раскладку. */
.r4-service-product-page{overflow-x:clip !important}

/* 2. Карточки «Оборудование для всего зала»: контент к верху, без провала
   между иконкой и подписью (был ~33–40px, стал ровный отступ иконки). */
.r4-service-product-page .kit-card{display:flex !important;flex-direction:column !important;justify-content:flex-start !important}
@media (max-width: 760px){.r4-service-product-page .kit-card{min-height:0 !important}}

/* 3. Карточки «Как рассчитать стеллажи»: min-height:228px нужен для 4 колонок,
   но в 1 колонку (≤900px) давал пустоту ~99px снизу. Сбрасываем при стопке. */
@media (max-width: 900px){.r4-service-product-page .expert-grid .expert-card{min-height:0 !important}}

/* 4. CTA «Получить расчет…»: блок брал padding под контент 1200px,
   из-за чего заголовок был сдвинут вправо на ~120px и не совпадал с
   остальными заголовками страницы (~20px). Выравниваем по ширине 1440px,
   как у всей страницы — теперь все заголовки строго друг под другом. */
.r4-service-product-page .cta-section{padding-left:max(20px, calc((100vw - 1440px) / 2)) !important;padding-right:max(20px, calc((100vw - 1440px) / 2)) !important}

/* 5. Длина строки в подзаголовочных абзацах. Лиды шли до 760px и давали
   80–92 знака в строке — для чтения некомфортно (оптимум ~50–75). Сужаем
   measure до удобного: section-lead/expert ~640px, hero ~680px. */
.r4-service-product-page .section-lead{max-width:640px !important}
.r4-service-product-page .expert-lead p{max-width:640px !important}
.r4-service-product-page .intro-section .intro-lead-single{max-width:680px !important}

/* 6. Убираем отступ сверху страницы. Шаблон Aspro вешает padding-top:20px
   на обёртку контента, из-за чего фрагмент висел на 20px ниже баннера-
   заголовка. Прижимаем фрагмент вплотную к шапке страницы. */
.r4-service-product-page{padding-top:0 !important}

/* 7. Адаптация под планшеты. Несколько сеток схлопывались в 1 колонку уже
   на 900px и впустую тратили ширину планшета (особенно iPad-портрет 768).
   - карточки «Как рассчитать стеллажи»: 2 колонки на планшете (620–900),
     1 колонка только на телефоне (<620);
   - чек-лист «Что учитываем в расчёте»: 2 колонки на планшете (600–900);
   - строки «Что нужно посчитать»: вертикальная раскладка (номер+заголовок,
     описание, кнопка во всю ширину) включается уже с 820px, чтобы на
     iPad-портрете не было зажатого трёхколоночного ряда с узким текстом. */
@media (min-width:620px) and (max-width:900px){.r4-service-product-page .expert-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important}}
@media (min-width:600px) and (max-width:900px){.r4-service-product-page .check-list{grid-template-columns:repeat(2, minmax(0,1fr)) !important}}
@media (max-width:820px){
  .r4-service-product-page .format-card{grid-template-columns:54px minmax(0,1fr) !important;grid-template-rows:auto auto auto !important;padding:24px 0 !important;column-gap:16px !important}
  .r4-service-product-page .format-card::before{grid-column:1 !important;grid-row:1 !important;font-size:34px !important}
  .r4-service-product-page .format-card h3{grid-column:2 !important;grid-row:1 !important}
  .r4-service-product-page .format-card p{grid-column:1 / 3 !important;grid-row:2 !important;margin-top:8px !important}
  .r4-service-product-page .format-card .btn{grid-column:1 / 3 !important;grid-row:3 !important;justify-self:stretch !important;width:100% !important;min-width:0 !important;margin-top:14px !important}
}

/* 8. Мобильная версия блока «Популярные стеллажи» (≤720px) — стильная карусель.
   Карточки: крупное квадратное фото на градиенте, фрост-бейдж, описание в 2 строки,
   один CTA «В расчёт» (кнопки выровнены по нижней линии за счёт равной высоты карточек
   и margin-top:auto у футера), характеристики/цена скрыты. Вся карточка кликабельна
   (stretched-link на заголовке `.card-link`, кнопка «В расчёт» поднята выше z-index),
   есть focus-visible. Раскладка — горизонтальная лента со свайпом (scroll-snap, 78%,
   edge-bleed), пока на секции висит класс `catalog--carousel`. «Перейти в каталог» —
   оранжевая текстовая ссылка со стрелкой. Без JS. */
@media (max-width:720px){
  .r4-service-product-page .catalog-section.catalog--carousel{position:relative !important}
  .r4-service-product-page .catalog-section.catalog--carousel .product-grid{
    display:flex !important;grid-template-columns:none !important;flex-wrap:nowrap !important;align-items:stretch !important;
    gap:14px !important;overflow-x:auto !important;overflow-y:visible !important;
    scroll-snap-type:x mandatory !important;scroll-padding-left:20px !important;scroll-behavior:smooth !important;
    -webkit-overflow-scrolling:touch !important;padding:6px 20px 16px !important;margin:0 -20px !important;scrollbar-width:none !important}
  .r4-service-product-page .catalog-section.catalog--carousel .product-grid::-webkit-scrollbar{display:none !important}
  .r4-service-product-page .catalog-section.catalog--carousel .product-card{
    flex:0 0 78% !important;width:78% !important;height:auto !important;scroll-snap-align:start !important}
  .r4-service-product-page .catalog-section.catalog--carousel .product-grid::after{content:"" !important;flex:0 0 4px !important}

  .r4-service-product-page .catalog-section .product-card{
    display:flex !important;flex-direction:column !important;position:relative !important;border:0 !important;border-radius:20px !important;
    box-shadow:0 1px 2px rgba(31,35,41,.06), 0 18px 40px -24px rgba(31,35,41,.28) !important;
    background:#fff !important;transition:transform .2s ease, box-shadow .2s ease !important}
  /* Тап-отклик БЕЗ сдвига карточки (иначе дёргается скролл): карточка стоит
     на месте, картинка слегка приближается, тень углубляется — нажатие
     считывается, а свайп остаётся плавным. */
  .r4-service-product-page .catalog-section .product-card:active{box-shadow:0 2px 6px rgba(31,35,41,.10), 0 26px 52px -22px rgba(31,35,41,.42) !important}
  .r4-service-product-page .catalog-section .product-card:active .product-card__media img{transform:scale(1.06) !important}

  .r4-service-product-page .catalog-section .product-card__media{
    aspect-ratio:1 / 1 !important;flex:none !important;border-bottom:0 !important;border-radius:20px 20px 0 0 !important;
    background:linear-gradient(150deg,#FAFAF9 0%,#F1EFEC 100%) !important}
  .r4-service-product-page .catalog-section .product-card__media img{padding:10px !important;transition:transform .4s cubic-bezier(.2,.7,.3,1) !important}
  .r4-service-product-page .catalog-section .product-card--f .tagline{
    top:12px !important;background:rgba(255,255,255,.78) !important;color:#C2370A !important;
    backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;
    box-shadow:0 4px 12px rgba(31,35,41,.10) !important;border-radius:999px !important;padding:6px 12px !important;z-index:3 !important}
  .r4-service-product-page .catalog-section .product-card--f .article-mark{top:12px !important;z-index:3 !important}

  .r4-service-product-page .catalog-section .product-card__body{
    display:flex !important;flex-direction:column !important;flex:1 1 auto !important;padding:16px 16px 18px !important;gap:6px !important}
  .r4-service-product-page .catalog-section .product-card--f h3{font-size:17px !important;line-height:1.25 !important;letter-spacing:-.01em !important}
  .r4-service-product-page .catalog-section .product-card--f .product-card__body > p{
    margin:0 !important;font-size:13.5px !important;line-height:1.5 !important;color:#6B7079 !important}

  .r4-service-product-page .catalog-section .product-card--f .props,
  .r4-service-product-page .catalog-section .product-card--f .price,
  .r4-service-product-page .catalog-section .product-card--f .terms{display:none !important}

  .r4-service-product-page .catalog-section .product-card--f .product-card__footer{margin-top:auto !important;padding-top:14px !important;border-top:0 !important}
  .r4-service-product-page .catalog-section .product-card--f .product-actions{display:block !important;margin-top:0 !important;position:relative !important;z-index:2 !important}
  .r4-service-product-page .catalog-section .product-card--f .product-actions .btn:not(.btn--primary){display:none !important}
  .r4-service-product-page .catalog-section .product-card--f .product-actions .btn--primary{
    display:flex !important;align-items:center !important;justify-content:center !important;
    width:100% !important;min-height:50px !important;border-radius:14px !important;
    box-shadow:0 10px 22px -10px rgba(255,76,0,.6) !important}

  /* ВСЯ КАРТОЧКА КЛИКАБЕЛЬНА: невидимый слой ссылки-заголовка на всю карточку.
     Кнопка «В расчёт» поднята выше (z-index:2) и ловит свой клик. */
  .r4-service-product-page .catalog-section .product-card .card-link::after{
    content:"" !important;position:absolute !important;inset:0 !important;z-index:1 !important;border-radius:20px !important}
  .r4-service-product-page .catalog-section .product-card .card-link:focus-visible{outline:none !important}
  .r4-service-product-page .catalog-section .product-card .card-link:focus-visible::after{
    box-shadow:inset 0 0 0 2.5px #FF4C00 !important;border-radius:20px !important}
}

/* Заголовок-ссылка выглядит как обычный заголовок (на всех ширинах) */
.r4-service-product-page .catalog-section .product-card .card-link{color:inherit !important;text-decoration:none !important;touch-action:manipulation !important}

/* Видимый фокус с клавиатуры для интерактивных элементов блока */
.r4-service-product-page .catalog-section .btn--primary:focus-visible,
.r4-service-product-page .catalog-section .section-cta a:focus-visible{
  outline:2px solid #FF4C00 !important;outline-offset:3px !important;border-radius:14px !important}

/* «Перейти в каталог» — оранжевая текстовая ссылка со стрелкой справа.
   Только мобильная версия; на десктопе кнопка стеллажей выглядит как кнопка
   в блоке аксессуаров (обычная белая кнопка-«пилюля» с обводкой). */
@media (max-width: 760px){
  .r4-service-product-page .catalog-section .section-cta .btn{
    display:inline-flex !important;align-items:center !important;gap:8px !important;
    min-height:0 !important;width:auto !important;padding:10px 4px !important;border:0 !important;border-radius:0 !important;
    background:transparent !important;box-shadow:none !important;color:#FF4C00 !important;font-weight:800 !important;
    text-transform:none !important;letter-spacing:0 !important}
  .r4-service-product-page .catalog-section .section-cta .btn::after{
    content:"→" !important;font-size:1.05em !important;font-weight:700 !important;line-height:1 !important;transition:transform .2s ease !important}
  .r4-service-product-page .catalog-section .section-cta .btn:hover{background:transparent !important;color:#E64500 !important;transform:none !important;box-shadow:none !important}
  .r4-service-product-page .catalog-section .section-cta .btn:hover::after{transform:translateX(4px) !important}
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ: блок «Аксессуары» ===== */
@media (max-width: 760px){
  /* Убираем обводку и тень вокруг всего блока */
  .r4-service-product-page .accessory-section{
    border:0 !important;box-shadow:none !important;border-radius:0 !important;
    padding-left:0 !important;padding-right:0 !important}

  /* Карточки по две в ряд */
  .r4-service-product-page .accessory-section .accessory-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:14px !important;row-gap:22px !important}

  /* Оставляем только изображение и заголовок: прячем подпись и описание */
  .r4-service-product-page .accessory-section .accessory-card small,
  .r4-service-product-page .accessory-section .accessory-card p{display:none !important}

  /* Аккуратная карточка: фото сверху, заголовок под ним */
  .r4-service-product-page .accessory-section .accessory-card{
    padding:0 !important;overflow:hidden !important;border-radius:16px !important}
  .r4-service-product-page .accessory-section .accessory-card .accessory-photo{
    width:100% !important;height:clamp(120px, 38vw, 180px) !important;
    margin:0 0 10px !important;object-fit:cover !important;border-radius:0 !important}
  .r4-service-product-page .accessory-section .accessory-card h3{
    margin:0 14px 14px !important;font-size:15px !important;line-height:1.3 !important}

  /* Кнопка «Перейти в каталог» — как в мобильной версии блока стеллажей:
     оранжевая текстовая ссылка со стрелкой справа */
  .r4-service-product-page .accessory-section .section-cta .btn{
    display:inline-flex !important;align-items:center !important;gap:8px !important;
    min-height:0 !important;width:auto !important;padding:10px 4px !important;border:0 !important;border-radius:0 !important;
    background:transparent !important;box-shadow:none !important;color:#FF4C00 !important;font-weight:800 !important;
    text-transform:none !important;letter-spacing:0 !important}
  .r4-service-product-page .accessory-section .section-cta .btn::after{
    content:"→" !important;font-size:1.05em !important;font-weight:700 !important;line-height:1 !important;transition:transform .2s ease !important}
  .r4-service-product-page .accessory-section .section-cta .btn:hover{background:transparent !important;color:#E64500 !important;transform:none !important;box-shadow:none !important}
  .r4-service-product-page .accessory-section .section-cta .btn:hover::after{transform:translateX(4px) !important}
}

/* ===== Блок «Как рассчитать стеллажи»: служебные элементы аккордеона ===== */
/* На десктопе чекбокс, стрелка и обёртка-label не влияют на вёрстку:
   label «растворяется» (display:contents), small/h3 остаются на месте. */
.r4-service-product-page .expert-card .expert-toggle{position:absolute !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important;margin:0 !important}
.r4-service-product-page .expert-card .expert-head{display:contents !important}
.r4-service-product-page .expert-card .expert-head__text{display:contents !important}
.r4-service-product-page .expert-card .expert-chev{display:none !important}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ (≤760px): аккордеон советов + лёгкий тон ===== */
@media (max-width: 760px){
  /* Сам блок — легче: убираем фон-картинку и тени. Боковые отступы
     выравниваем с остальными секциями страницы: контент-бокс .page-wrap
     имеет padding 20px, а эта секция full-bleed (margin: 50%-50vw),
     поэтому её собственный паддинг должен повторять те же 20px. */
  .r4-service-product-page .expert-section{
    background:#FFFFFF !important;background-image:none !important;
    padding-left:20px !important;padding-right:20px !important;box-shadow:none !important}
  .r4-service-product-page .expert-lead::before{display:none !important}
  .r4-service-product-page .expert-wrap{gap:18px !important}

  /* Сетка карточек — один вертикальный столбец-аккордеон без зазоров,
     разделители рисуем границами карточек */
  .r4-service-product-page .expert-grid{
    display:flex !important;flex-direction:column !important;gap:0 !important;
    border-top:0.5px solid var(--r4-sp-line) !important}

  /* Карточка без рамки, тени и фиксированной высоты */
  .r4-service-product-page .expert-card{
    min-height:0 !important;padding:0 !important;border:0 !important;
    border-bottom:0.5px solid var(--r4-sp-line) !important;border-radius:0 !important;
    background:transparent !important;box-shadow:none !important;transform:none !important}
  .r4-service-product-page .expert-card:hover{transform:none !important;box-shadow:none !important;border-color:var(--r4-sp-line) !important;background:transparent !important}
  /* Прячем декоративную «галочку» в углу карточки */
  .r4-service-product-page .expert-card::before{display:none !important}

  /* Кликабельная строка-заголовок */
  .r4-service-product-page .expert-card .expert-head{
    display:flex !important;align-items:center !important;gap:12px !important;
    width:100% !important;padding:16px 2px !important;cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important}
  .r4-service-product-page .expert-card .expert-head__text{display:block !important;flex:1 1 auto !important;min-width:0 !important}
  .r4-service-product-page .expert-card .expert-head small{display:block !important;padding-left:0 !important;margin:0 !important;color:var(--r4-sp-orange) !important;font-size:10px !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:.04em !important}
  .r4-service-product-page .expert-card .expert-head h3{margin:3px 0 0 !important;padding-left:0 !important;font-size:16px !important;line-height:1.25 !important;color:var(--r4-sp-ink) !important}

  /* Стрелка-индикатор */
  .r4-service-product-page .expert-card .expert-chev{display:block !important;flex:none !important;width:20px !important;height:20px !important;color:var(--r4-sp-muted, #969CA4) !important;transition:transform .25s ease !important}

  /* Тело совета свёрнуто по умолчанию, раскрывается по тапу (через :checked) */
  .r4-service-product-page .expert-card > p{
    overflow:hidden !important;max-height:0 !important;margin:0 !important;
    padding-left:2px !important;padding-right:2px !important;
    opacity:0 !important;transition:max-height .3s ease, opacity .25s ease, padding .3s ease !important}
  .r4-service-product-page .expert-card .expert-toggle:checked ~ p{
    max-height:420px !important;opacity:1 !important;
    padding-bottom:18px !important}
  .r4-service-product-page .expert-card .expert-toggle:checked ~ .expert-head .expert-chev{transform:rotate(180deg) !important}

  /* ===== Чеклист «Что учитываем в расчёте» — без рамки, компактный ===== */
  .r4-service-product-page .check-strip{
    border:0 !important;background:transparent !important;box-shadow:none !important;
    border-radius:0 !important;padding:18px 2px 0 !important;margin-top:6px !important}
  .r4-service-product-page .check-strip h3{font-size:16px !important;margin:0 0 4px !important}
  .r4-service-product-page .check-strip > div > p{font-size:13px !important;margin:0 0 14px !important}
  .r4-service-product-page .check-list{
    display:flex !important;flex-direction:column !important;gap:10px !important;
    grid-template-columns:none !important;margin:0 !important}
  .r4-service-product-page .check-list li{
    padding-left:24px !important;font-size:14px !important;line-height:1.4 !important;
    color:var(--r4-sp-ink) !important}
  .r4-service-product-page .check-list li::before{
    top:.05em !important;left:0 !important;width:auto !important;height:auto !important;
    border-radius:0 !important;background:transparent !important;color:var(--r4-sp-orange) !important;
    content:"→" !important;font-size:15px !important;font-weight:900 !important;line-height:1.4 !important}
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ (≤760px): блок «Оборудование для всего торгового зала» ===== */
/* Компактная сетка 2×3 (плитки): иконка, категория, заголовок. */
@media (max-width: 760px){
  .r4-service-product-page .kit-grid{
    display:grid !important;grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;margin-top:18px !important}

  /* Компактная плитка */
  .r4-service-product-page .kit-card{
    display:flex !important;flex-direction:column !important;
    min-height:0 !important;padding:16px 14px !important;border-radius:14px !important}

  /* Иконка меньше */
  .r4-service-product-page .kit-icon{
    width:48px !important;height:48px !important;margin-bottom:12px !important;border-radius:12px !important}
  .r4-service-product-page .kit-icon img, .r4-service-product-page .kit-icon svg{
    width:28px !important;height:28px !important}

  /* Категория-подпись скрыта: оставляем только иконку и заголовок */
  .r4-service-product-page .kit-card small{display:none !important}
  .r4-service-product-page .kit-card h3{
    margin-top:0 !important;font-size:14px !important;line-height:1.3 !important}

  /* Стрелка в углу — меньше, чтобы не спорить с компактной плиткой */
  .r4-service-product-page .kit-arrow{top:14px !important;right:14px !important;font-size:20px !important}
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ (≤760px): блок «Что нужно посчитать?» =====
   Вариант G — список-строки без рамок: крупный оранжевый номер над
   заголовком, описание ниже, заливная кнопка справа. Разделители между
   строками — тонкие линии (нижние границы строк). */
@media (max-width: 760px){
  /* Боковые отступы секции выравниваем с остальными блоками страницы (20px):
     секция full-bleed, поэтому отступ задаём её собственным паддингом. */
  .r4-service-product-page .formats-section{
    padding-left:20px !important;padding-right:20px !important}

  /* Контейнер: вертикальный список без зазора; разделители рисуют строки.
     Отменяем full-bleed сдвиг десктопной раскладки, оставляем верхнюю линию. */
  .r4-service-product-page .formats{
    display:flex !important;flex-direction:column !important;gap:0 !important;
    margin-left:0 !important;margin-right:0 !important;
    border-top:1px solid #E5E5E5 !important;border-bottom:0 !important}

  /* Строка: без рамки и фона, только нижняя линия-разделитель.
     Отменяем боковые padding из десктопной full-bleed раскладки. */
  .r4-service-product-page .formats .format-card{
    display:flex !important;flex-direction:column !important;align-items:flex-start !important;
    grid-template-columns:none !important;grid-template-rows:none !important;
    gap:0 !important;text-align:left !important;
    margin:0 !important;padding:18px 2px !important;
    border:0 !important;border-bottom:1px solid #E5E5E5 !important;border-radius:0 !important;
    background:transparent !important;box-shadow:none !important;transform:none !important}
  .r4-service-product-page .formats .format-card:last-child{border-bottom:0 !important}
  .r4-service-product-page .formats .format-card:hover{transform:none !important;background:transparent !important;border-color:#E5E5E5 !important;box-shadow:none !important}

  /* Номер «01/02/03» — крупный, отдельной строкой над заголовком */
  .r4-service-product-page .formats .format-card::before{
    position:static !important;display:block !important;float:none !important;align-self:flex-start !important;
    margin:0 0 8px !important;padding:0 !important;
    font-size:38px !important;font-weight:900 !important;line-height:1 !important;
    color:var(--r4-sp-orange) !important}

  /* Заголовок */
  .r4-service-product-page .formats .format-card h3{
    margin:0 0 6px !important;font-size:17px !important;line-height:1.25 !important}

  /* Описание */
  .r4-service-product-page .formats .format-card p{
    margin:0 0 14px !important;padding-left:0 !important;
    font-size:13px !important;line-height:1.5 !important}

  /* Кнопка — настоящая заливная, по правому краю, по содержимому, без стрелки */
  .r4-service-product-page .formats .format-card .btn{
    display:flex !important;align-items:center !important;justify-content:center !important;
    align-self:stretch !important;
    width:100% !important;min-width:0 !important;margin:2px 0 0 !important;
    padding:13px 20px !important;border:1px solid var(--r4-sp-orange) !important;
    border-radius:10px !important;background:var(--r4-sp-orange) !important;
    color:#FFFFFF !important;font-weight:800 !important;box-shadow:none !important;
    text-transform:none !important;letter-spacing:0 !important;white-space:nowrap !important}
  .r4-service-product-page .formats .format-card .btn:hover{
    background:var(--r4-sp-orange-dark) !important;border-color:var(--r4-sp-orange-dark) !important;
    color:#FFFFFF !important;transform:none !important;box-shadow:none !important}
}


/* 10. Мобильная версия блока «Стеллажи под формат магазина» (<=720px) - editorial: фото на всю карточку, градиент снизу, название формата белым поверх фото; описание/детали скрыты; 1 колонка, карточки 4:3. Десктоп не меняется. */
@media (max-width:720px){
  .r4-service-product-page .scenario-grid{grid-template-columns:1fr !important;gap:14px !important}
  .r4-service-product-page .scenario-card{
    position:relative !important;display:block !important;padding:0 !important;margin:0 !important;
    border:0 !important;border-radius:18px !important;overflow:hidden !important;
    aspect-ratio:4 / 3 !important;min-height:0 !important;height:auto !important;
    background:#EFEBE6 !important;
    box-shadow:0 1px 2px rgba(31,35,41,.06), 0 18px 40px -24px rgba(31,35,41,.32) !important;
    transition:transform .25s ease, box-shadow .25s ease !important}
  .r4-service-product-page .scenario-card:active{transform:none !important}
  .r4-service-product-page .scenario-card::after{content:none !important;display:none !important}
  /* фото заполняет всю карточку */
  .r4-service-product-page .scenario-card .scenario-photo{
    position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;
    object-fit:cover !important;border-radius:0 !important;margin:0 !important;
    transition:transform .5s cubic-bezier(.2,.7,.3,1) !important}
  .r4-service-product-page .scenario-card:active .scenario-photo{transform:scale(1.05) !important}
  /* текстовый блок -> подложка-градиент снизу, видно только название */
  .r4-service-product-page .scenario-card > div{
    position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;
    display:block !important;padding:48px 16px 16px !important;margin:0 !important;
    background:linear-gradient(to top, rgba(18,16,14,.86) 0%, rgba(18,16,14,.55) 45%, rgba(18,16,14,0) 100%) !important}
  .r4-service-product-page .scenario-card > div > h3{
    color:#fff !important;margin:0 !important;font-size:20px !important;line-height:1.18 !important;
    letter-spacing:-.01em !important;text-shadow:0 2px 10px rgba(0,0,0,.35) !important}
  /* всё лишнее скрываем */
  .r4-service-product-page .scenario-card > div > p,
  .r4-service-product-page .scenario-card .scenario-result,
  .r4-service-product-page .scenario-card .scenario-points{display:none !important}
}


/* ============================================================
   [MOBILE] CTA «Получить расчёт» — ≤760px  (append-only)
   Не трогаем базовые правила: перебиваем !important-наслоения
   из строк 140 / 485–508 более поздним и специфичным блоком.
   Лейаут: одна колонка, контент слева, мета — спек-лист,
   панель-карта снизу со всеми элементами (divider + note).
   ============================================================ */
@media (max-width: 760px){

  /* — секция: ужать вертикаль, аккуратные боковые отступы — */
  .r4-service-product-page .cta-section{
    padding-top:clamp(48px,13vw,64px) !important;
    padding-bottom:clamp(48px,13vw,64px) !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  /* — wrap: одна колонка, выравнивание по левому краю — */
  .r4-service-product-page .cta-section .cta-wrap{
    grid-template-columns:1fr !important;
    gap:30px !important;
    text-align:left !important;
  }
  .r4-service-product-page .cta-section .cta-content{
    align-items:flex-start !important;
    gap:14px !important;
  }
  .r4-service-product-page .cta-section .cta-eyebrow{
    justify-content:flex-start !important;
  }
  .r4-service-product-page .cta-section .cta-title{
    font-size:clamp(28px,7.6vw,34px) !important;
    line-height:1.05 !important;
    max-width:100% !important;
  }
  .r4-service-product-page .cta-section .cta-sub{
    font-size:15px !important;
    line-height:1.55 !important;
    max-width:100% !important;
  }

  /* — meta: компактный спек-лист, лейбл слева / значение справа — */
  .r4-service-product-page .cta-section .cta-meta{
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    width:100% !important;
    margin-top:4px !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
  }
  .r4-service-product-page .cta-section .cta-meta-item{
    flex-direction:row !important;
    align-items:baseline !important;
    justify-content:space-between !important;
    gap:18px !important;
    padding:13px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }
  .r4-service-product-page .cta-section .cta-meta-label{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }
  .r4-service-product-page .cta-section .cta-meta-val{
    flex:1 1 auto !important;
    text-align:right !important;
  }

  /* — панель: карта на всю ширину, всё содержимое на месте — */
  .r4-service-product-page .cta-section .cta-panel{
    width:100% !important;
    padding:22px !important;
    border-radius:18px !important;
    gap:16px !important;
    box-shadow:0 22px 48px -22px rgba(0,0,0,.6) !important;
  }
  .r4-service-product-page .cta-section .cta-panel-head{
    display:inline-flex !important;
  }

  /* кнопка — большой тап-таргет на всю ширину */
  .r4-service-product-page .cta-section .cta-btn{
    width:100% !important;
    justify-content:space-between !important;
    padding:18px 22px !important;
    font-size:16px !important;
    white-space:normal !important;
  }

  /* возвращаем разделитель и заметку (были display:none в стр.140) */
  .r4-service-product-page .cta-section .cta-panel-divider{
    display:block !important;
    margin:2px 0 !important;
  }
  .r4-service-product-page .cta-section .cta-panel-note{
    display:block !important;
  }
  .r4-service-product-page .cta-section .cta-phone{
    align-items:flex-start !important;
  }
}


/* ============================================================
   [MOBILE] Intro — ≤760px  (append-only)
   • хлебные крошки скрыты (десктоп + schema сохранены)
   • овалы-бенефиты → простой текстовый список
     (точка-маркер, без капсул/рамок/фона). Перебиваем
     капсульные правила из стр.705–709 и flex-basis:100% (стр.727).
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .intro-section .page-breadcrumbs{ display:none !important; }

  .r4-service-product-page .hero-benefits{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:11px !important;
    margin-top:20px !important;
    padding:0 !important;
    text-align:left !important;
    list-style:none !important;
  }
  .r4-service-product-page .hero-benefits li{
    position:relative !important;
    display:block !important;
    width:auto !important;
    flex:0 0 auto !important;
    flex-basis:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 0 0 20px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.45 !important;
    white-space:normal !important;
    color:#1A1A1A !important;
  }
  .r4-service-product-page .hero-benefits li:hover{
    border:0 !important;
    box-shadow:none !important;
    color:#1A1A1A !important;
  }
  .r4-service-product-page .hero-benefits li::before{
    position:absolute !important;
    left:0 !important;
    top:.6em !important;
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:#FF4C00 !important;
    transform:none !important;
  }
}


/* ============================================================
   [MOBILE] «Что учитываем в расчёте» — компактнее  (≤760px)
   Меняем ТОЛЬКО .check-strip / .check-list. Аккордеон советов
   не трогаем (остаётся как в исходнике). Список из 6 пунктов
   раскладываем в 2 колонки + поджимаем — занимает вдвое меньше.
   Перебиваем 1-колоночный flex из стр.1046 поздним источником.
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .check-strip{
    padding:14px 2px 0 !important;
    margin-top:2px !important;
  }
  .r4-service-product-page .check-strip h3{ font-size:16px !important; margin:0 0 13px !important; }
  .r4-service-product-page .check-strip > div > p{ display:none !important; }

  .r4-service-product-page .check-list{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    flex-direction:initial !important;
    gap:9px 14px !important;
    margin:0 !important;
  }
  .r4-service-product-page .check-list li{
    padding-left:19px !important;
    font-size:12.5px !important;
    line-height:1.32 !important;
    color:#1A1A1A !important;
  }
  .r4-service-product-page .check-list li::before{
    top:.02em !important; left:0 !important; content:"→" !important;
    color:#FF4C00 !important; font-size:14px !important; font-weight:900 !important; line-height:1.32 !important;
  }
}


/* ============================================================
   [MOBILE] «Путь от заявки до монтажа» — компактнее  (≤760px)
   Блок был ~790px высотой. Ужимаем:
   • скрываем длинный лид-абзац (десктоп не трогаем);
   • кружки-номера 48→38px, отступы между шагами 30→16px;
   • заголовки/текст шагов мельче и плотнее.
   Перебиваем мобильные правила таймлайна (стр.756–762).
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .proc-section .proc-head{ margin-bottom:24px !important; }
  .r4-service-product-page .proc-section .proc-head .section-lead{ display:none !important; }

  .r4-service-product-page .proc-step{ padding:0 0 16px 50px !important; }
  .r4-service-product-page .proc-step:last-child{ padding-bottom:0 !important; }
  .r4-service-product-page .proc-step__top{ width:38px !important; }
  .r4-service-product-page .proc-num{
    width:38px !important; height:38px !important; font-size:14px !important;
    box-shadow:0 8px 18px -10px rgba(255,76,0,.6) !important;
  }
  .r4-service-product-page .proc-line{ left:18px !important; top:38px !important; bottom:-2px !important; }
  .r4-service-product-page .proc-step__title{ margin:0 0 5px !important; font-size:16px !important; line-height:1.22 !important; }
  .r4-service-product-page .proc-step__text{ font-size:13.5px !important; line-height:1.45 !important; }
}


/* ============================================================
   [MOBILE] «Что нужно посчитать?» — V1 «Scope selector» (светлый)
   Номера 01/02/03 убраны (это не последовательность, а выбор
   по масштабу). Вместо них — схематичные иконки: один стеллаж /
   ряд секций / +дополнение. Чистые карточки + arrow-CTA.
   Специфичность на уровне .formats .format-card (перебить стр.1104+).
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .formats-section{ margin-top:88px !important; }
  .r4-service-product-page .formats-section .section-top{ margin-bottom:20px !important; }

  .r4-service-product-page .formats{
    display:flex !important; flex-direction:column !important; gap:14px !important;
    border-top:0 !important; border-bottom:0 !important; margin-top:0 !important;
  }

  .r4-service-product-page .formats .format-card{
    display:flex !important; flex-direction:column !important; align-items:flex-start !important;
    grid-template-columns:none !important; grid-template-rows:none !important;
    position:relative !important; gap:12px !important; text-align:left !important;
    margin:0 !important; padding:20px 18px !important;
    border:1px solid #EBE6E1 !important; border-bottom:1px solid #EBE6E1 !important;
    border-radius:18px !important; background:#FFFFFF !important;
    box-shadow:0 1px 0 #F4F1EE, 0 12px 28px -22px rgba(20,23,26,.4) !important;
    overflow:hidden !important; transform:none !important;
  }
  .r4-service-product-page .formats .format-card:last-child{ border-bottom:1px solid #EBE6E1 !important; }
  .r4-service-product-page .formats .format-card::after{ display:none !important; }

  /* ::before → иконка-чип масштаба (вместо номера) */
  .r4-service-product-page .formats .format-card::before{
    content:"" !important; position:static !important; float:none !important;
    grid-column:auto !important; grid-row:auto !important; align-self:flex-start !important;
    width:46px !important; height:46px !important; margin:0 !important; padding:0 !important;
    border-radius:13px !important; background-color:#FFF1EA !important;
    background-repeat:no-repeat !important; background-position:center !important; background-size:26px 26px !important;
    font-size:0 !important; -webkit-text-stroke:0 !important; letter-spacing:0 !important; box-shadow:none !important;
  }
  .r4-service-product-page .formats .format-card:nth-child(1)::before{
    content:"" !important;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23FF4C00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="7" y="3" width="10" height="18" rx="1.5"/><path d="M7 9h10M7 15h10"/></svg>') !important;
  }
  .r4-service-product-page .formats .format-card:nth-child(2)::before{
    content:"" !important;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23FF4C00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="4.6" height="14" rx="1"/><rect x="9.7" y="5" width="4.6" height="14" rx="1"/><rect x="16.4" y="5" width="4.6" height="14" rx="1"/></svg>') !important;
  }
  .r4-service-product-page .formats .format-card:nth-child(3)::before{
    content:"" !important;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23FF4C00" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="6" width="9.5" height="13" rx="1.3"/><path d="M3 11.5h9.5"/><path d="M18.5 13v6M15.5 16h6"/></svg>') !important;
  }

  /* скрываем «Формат 0X» — иконка несёт смысл */
  .r4-service-product-page .formats .format-card small{ display:none !important; }

  .r4-service-product-page .formats .format-card h3{
    margin:0 !important; padding:0 !important;
    font-size:17px !important; line-height:1.24 !important; color:#15171A !important; font-weight:800 !important;
  }
  .r4-service-product-page .formats .format-card p{
    margin:0 !important; padding:0 !important;
    font-size:13.5px !important; line-height:1.5 !important; color:#6B7077 !important;
  }

  /* arrow-CTA: текст + стрелка в кружке, тонкий разделитель сверху */
  .r4-service-product-page .formats .format-card .btn{
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    align-self:stretch !important; width:100% !important; min-width:0 !important; min-height:0 !important;
    margin:2px 0 0 !important; padding:14px 0 0 !important;
    border:0 !important; border-top:1px solid #EFEBE7 !important; border-radius:0 !important;
    background:transparent !important; color:#FF4C00 !important;
    font-size:14px !important; font-weight:800 !important; box-shadow:none !important;
    text-transform:none !important; letter-spacing:0 !important; white-space:normal !important; gap:12px !important;
  }
  .r4-service-product-page .formats .format-card .btn::after{
    content:"\2192" !important; display:grid !important; place-items:center !important; flex:none !important;
    width:32px !important; height:32px !important; border-radius:50% !important;
    background:#FF4C00 !important; color:#fff !important; font-size:16px !important; font-weight:700 !important;
    transition:transform .2s ease !important;
  }
  .r4-service-product-page .formats .format-card .btn:hover{ background:transparent !important; color:#FF4C00 !important; box-shadow:none !important; }
  .r4-service-product-page .formats .format-card .btn:hover::after{ transform:translateX(3px) !important; }
}


/* ============================================================
   [MOBILE] «Стеллажи под формат магазина» — 2 колонки  (≤720px)
   Editorial-плитки (фото + название поверх) в сетку 2×2 вместо
   стопки. Перебиваем 1-колоночные правила (стр.455/1147) поздним
   источником той же специфичности.
   ============================================================ */
@media (max-width: 720px){
  .r4-service-product-page .scenario-grid{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
  }
  .r4-service-product-page .scenario-card{
    aspect-ratio:1 / 1 !important;
  }
  .r4-service-product-page .scenario-card > div{
    padding:34px 13px 13px !important;
  }
  .r4-service-product-page .scenario-card > div > h3{
    font-size:14px !important; line-height:1.2 !important;
  }
}


/* ============================================================
   [MOBILE] «Что нужно посчитать?» — компактные строки  (≤760px)
   База — V1 (иконки масштаба + arrow-CTA). Делаем короче:
   карточка → горизонтальная строка [иконка][заголовок][стрелка],
   описание скрыто. Стиль V1 (рамка/радиус/тень) сохраняется.
   Та же специфичность .formats .format-card, позже в источнике.
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .formats{ gap:10px !important; }

  .r4-service-product-page .formats .format-card{
    flex-direction:row !important; align-items:center !important;
    gap:14px !important; padding:15px 16px !important;
  }
  /* иконка чуть меньше, по центру строки */
  .r4-service-product-page .formats .format-card::before{
    width:42px !important; height:42px !important; background-size:24px 24px !important;
    align-self:center !important; flex:none !important;
  }
  /* заголовок занимает середину */
  .r4-service-product-page .formats .format-card h3{
    flex:1 1 auto !important; min-width:0 !important;
    margin:0 !important; padding-right:0 !important;
    font-size:15px !important; line-height:1.25 !important;
  }
  /* описание скрываем — строка остаётся короткой */
  .r4-service-product-page .formats .format-card p{ display:none !important; }

  /* CTA → только стрелка-кружок справа (текст кнопки скрыт, но доступен) */
  .r4-service-product-page .formats .format-card .btn{
    flex:none !important; align-self:center !important;
    width:auto !important; min-width:0 !important; min-height:0 !important;
    margin:0 !important; padding:0 !important;
    border:0 !important; border-top:0 !important; background:transparent !important;
    font-size:0 !important; gap:0 !important; justify-content:center !important;
  }
  .r4-service-product-page .formats .format-card .btn::after{
    margin:0 !important; width:34px !important; height:34px !important;
  }
}


/* ============================================================
   [MOBILE] «Реализованные проекты» — свайп-карусель  (≤760px)
   Было: 3 высокие карточки стопкой (~1400px). Стало: гориз.
   скролл-снап карусель, крупное фото 4:3, следующая карточка
   подглядывает (подсказка свайпа). Описание скрыто — упор на фото.
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .case-grid{
    display:flex !important; grid-template-columns:none !important;
    gap:14px !important;
    overflow-x:auto !important; overflow-y:visible !important;
    scroll-snap-type:x mandatory !important; -webkit-overflow-scrolling:touch !important;
    scroll-padding-left:0 !important;
    padding:2px 0 18px !important; margin:0 !important;
    scrollbar-width:none !important;
  }
  .r4-service-product-page .case-grid::-webkit-scrollbar{ display:none !important; }

  .r4-service-product-page .case-card{
    flex:0 0 86% !important; width:86% !important; max-width:86% !important;
    min-width:0 !important; scroll-snap-align:start !important; transform:none !important;
  }
  .r4-service-product-page .case-card:hover{ transform:none !important; }

  /* крупное, хорошо читаемое фото */
  .r4-service-product-page .case-card__image{ aspect-ratio:4 / 3 !important; }

  /* компактный низ: тег + заголовок + ссылка, описание прячем */
  .r4-service-product-page .case-card__body{ padding:16px !important; gap:8px !important; }
  .r4-service-product-page .case-card__body p{ display:none !important; }
  .r4-service-product-page .case-card__body h3{ font-size:18px !important; }
  .r4-service-product-page .case-card__link{ padding-top:10px !important; }
}


/* ============================================================
   [MOBILE] «Реализованные проекты» — доводка  (≤760px)
   1) «Смотреть кейс» → в правую часть карточки (тег+заголовок
      слева, ссылка справа, по центру).
   2) «Перейти в портфолио» → как кнопка в блоке стеллажей
      (каталог): оранжевая текст-ссылка со стрелкой, без рамки.
   ============================================================ */
@media (max-width: 760px){
  /* 1) ссылка-кейс справа */
  .r4-service-product-page .case-card__body{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    column-gap:14px !important; row-gap:5px !important;
  }
  .r4-service-product-page .case-card__body .tag{ grid-column:1 !important; grid-row:1 !important; }
  .r4-service-product-page .case-card__body h3{ grid-column:1 !important; grid-row:2 !important; }
  .r4-service-product-page .case-card__body .case-card__link{
    grid-column:2 !important; grid-row:1 / 3 !important;
    align-self:center !important; justify-self:end !important;
    margin:0 !important; padding:0 !important; white-space:nowrap !important;
  }

  /* 2) «Перейти в портфолио» — стиль кнопки из блока стеллажей */
  .r4-service-product-page .section-block:has(.case-grid) .section-cta{
    justify-content:flex-start !important;
  }
  .r4-service-product-page .section-block:has(.case-grid) .section-cta .btn{
    display:inline-flex !important; align-items:center !important; gap:8px !important;
    min-height:0 !important; width:auto !important; padding:10px 4px !important;
    border:0 !important; border-radius:0 !important; background:transparent !important;
    box-shadow:none !important; color:#FF4C00 !important; font-weight:800 !important;
    text-transform:none !important; letter-spacing:0 !important;
  }
  .r4-service-product-page .section-block:has(.case-grid) .section-cta .btn::after{
    content:"\2192" !important; font-size:1.05em !important; font-weight:700 !important; line-height:1 !important;
    transition:transform .2s ease !important;
  }
  .r4-service-product-page .section-block:has(.case-grid) .section-cta .btn:hover{
    background:transparent !important; color:#E64500 !important; box-shadow:none !important; transform:none !important;
  }
  .r4-service-product-page .section-block:has(.case-grid) .section-cta .btn:hover::after{ transform:translateX(4px) !important; }
}


/* ============================================================
   [MOBILE] «Реализованные проекты» — ревизия карточек  (≤760px)
   • вернуть краткое описание кейса;
   • «Смотреть кейс» — внизу карточки (margin-top:auto);
   • «Перейти в портфолио» — справа.
   Перебивает grid-раскладку из case_tweaks (позже в источнике).
   ============================================================ */
@media (max-width: 760px){
  /* тело — снова вертикальная колонка */
  .r4-service-product-page .case-card__body{
    display:flex !important; flex-direction:column !important; align-items:flex-start !important;
    grid-template-columns:none !important; grid-template-rows:none !important;
    gap:8px !important;
  }
  .r4-service-product-page .case-card__body .tag{ grid-column:auto !important; grid-row:auto !important; }
  .r4-service-product-page .case-card__body h3{ grid-column:auto !important; grid-row:auto !important; }

  /* краткое описание вернули */
  .r4-service-product-page .case-card__body p{
    display:-webkit-box !important; grid-column:auto !important; grid-row:auto !important;
    margin:0 !important; font-size:13.5px !important; line-height:1.5 !important; color:#555 !important;
    -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
  }

  /* кнопка кейса — прижата к низу карточки */
  .r4-service-product-page .case-card__body .case-card__link{
    grid-column:auto !important; grid-row:auto !important;
    margin-top:auto !important; padding-top:14px !important;
    align-self:flex-start !important; justify-self:auto !important; white-space:nowrap !important;
  }

  /* «Перейти в портфолио» — справа */
  .r4-service-product-page .section-block:has(.case-grid) .section-cta{
    justify-content:flex-end !important;
  }
}


/* ============================================================
   [MOBILE] «Смотреть кейс» — ближе к тексту и справа  (≤760px)
   Убираем margin-top:auto (был прижат к низу), ставим небольшой
   отступ от описания и выравниваем по правому краю.
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .case-card__body .case-card__link{
    margin-top:12px !important;
    padding-top:0 !important;
    align-self:flex-end !important;
  }
}


/* ============================================================
   [MOBILE] «Смотреть кейс» — меньше отступы сверху/снизу  (≤760px)
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .case-card__body{ padding-bottom:10px !important; }
  .r4-service-product-page .case-card__body .case-card__link{
    margin-top:4px !important; padding-top:0 !important; padding-bottom:0 !important;
  }
}


/* ============================================================
   [MOBILE] CTA «Получить расчёт» — кратко и по делу  (≤760px)
   Только конверсионные элементы: заголовок-оффер → кнопка →
   короткий реассуранс → телефон. Остальное (eyebrow, длинный
   подзаголовок, 3 мета-строки, «Быстрый ответ», разделитель)
   скрыто как шум. Перебивает блок task1 (позже в источнике).
   ============================================================ */
@media (max-width: 760px){
  /* — шум прочь — */
  .r4-service-product-page .cta-section .cta-eyebrow,
  .r4-service-product-page .cta-section .cta-sub,
  .r4-service-product-page .cta-section .cta-meta,
  .r4-service-product-page .cta-section .cta-panel-head,
  .r4-service-product-page .cta-section .cta-panel-divider{ display:none !important; }

  /* — секция плотнее — */
  .r4-service-product-page .cta-section{
    padding-top:clamp(40px,11vw,56px) !important;
    padding-bottom:clamp(40px,11vw,56px) !important;
  }
  .r4-service-product-page .cta-section .cta-wrap{ gap:20px !important; }

  /* — заголовок-оффер, чуть компактнее — */
  .r4-service-product-page .cta-section .cta-title{
    font-size:clamp(26px,7vw,32px) !important; line-height:1.06 !important;
  }

  /* — карточка действия: только кнопка → реассуранс → телефон — */
  .r4-service-product-page .cta-section .cta-panel{ gap:14px !important; padding:20px !important; }
  .r4-service-product-page .cta-section .cta-btn{ order:1 !important; }
  .r4-service-product-page .cta-section .cta-panel-note{
    order:2 !important; display:block !important; margin:0 !important;
    font-size:13px !important; line-height:1.45 !important;
  }
  .r4-service-product-page .cta-section .cta-phone{
    order:3 !important; align-items:flex-start !important;
    margin-top:2px !important; padding-top:14px !important; border-top:1px solid #EFEFEF !important;
  }
}


/* ============================================================
   [MOBILE] CTA — реассуранс-строку под заголовок  (≤760px)
   Мобильная копия .cta-note-mobile показывается под заголовком,
   оригинал .cta-panel-note в карточке скрываем. Десктоп: копия
   скрыта, оригинал на месте — без изменений.
   ============================================================ */
.r4-service-product-page .cta-section .cta-note-mobile{ display:none !important; }
@media (max-width: 760px){
  .r4-service-product-page .cta-section .cta-note-mobile{
    display:block !important; order:0 !important; margin:14px 0 0 !important; padding:0 !important;
    max-width:100% !important; color:rgba(255,255,255,.72) !important;
    font-size:13.5px !important; font-weight:400 !important; line-height:1.5 !important;
  }
  .r4-service-product-page .cta-section .cta-panel-note{ display:none !important; }
}


/* ============================================================
   [MOBILE] CTA — вернуть как было (без full-screen) + чуть крупнее
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .cta-section{
    padding-top:clamp(56px,13vw,76px) !important;
    padding-bottom:clamp(56px,13vw,76px) !important;
  }
  .r4-service-product-page .cta-section .cta-wrap{ gap:24px !important; }
  .r4-service-product-page .cta-section .cta-title{ font-size:clamp(28px,7.4vw,34px) !important; line-height:1.07 !important; }
  .r4-service-product-page .cta-section .cta-note-mobile{ font-size:14px !important; }
  .r4-service-product-page .cta-section .cta-panel{ padding:22px !important; }
  .r4-service-product-page .cta-section .cta-btn{ min-height:58px !important; font-size:16.5px !important; }
}

/* ============================================================
   [MOBILE] Полировка: ритм секций + выравнивание  (≤760px)
   • CTA-гаттер 18→20px (левый край как у всех секций);
   • каталог: зазор после hero 20→40px (не прижат);
   • «Путь от заявки»: 80→64px (ровнее с общим ритмом);
   • «Что посчитать?» оставляем 88px (намеренно).
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .cta-section{ padding-left:20px !important; padding-right:20px !important; }
  .r4-service-product-page .catalog-section{ margin-top:40px !important; }
  .r4-service-product-page .proc-section{ margin-top:64px !important; }
}


/* ============================================================
   [TABLET] «Что нужно посчитать?» 761–820px — как десктоп
   Раньше тут была стопка с full-width оранжевой кнопкой (плохо).
   Возвращаем десктопный список: номер | текст | кнопка справа.
   Перебивает блок @media(max-width:820px) (позже + 0,4,0).
   ============================================================ */
@media (min-width:761px) and (max-width:820px){
  .r4-service-product-page .formats .format-card{
    grid-template-columns:clamp(54px,7vw,108px) minmax(0,1fr) minmax(190px,240px) !important;
    grid-template-rows:auto auto !important;
    column-gap:clamp(16px,2.6vw,40px) !important;
    row-gap:6px !important;
    align-items:center !important;
    padding:clamp(22px,3vw,32px) 0 !important;
  }
  .r4-service-product-page .formats .format-card::before{
    grid-column:1 !important; grid-row:1 / 3 !important; align-self:center !important;
    font-size:clamp(40px,4.4vw,62px) !important;
  }
  .r4-service-product-page .formats .format-card h3{ grid-column:2 !important; grid-row:1 !important; }
  .r4-service-product-page .formats .format-card p{ grid-column:2 !important; grid-row:2 !important; margin-top:0 !important; }
  .r4-service-product-page .formats .format-card .btn{
    grid-column:3 !important; grid-row:1 / 3 !important;
    justify-self:end !important; align-self:center !important;
    width:auto !important; min-width:190px !important; margin-top:0 !important;
  }
}


/* ============================================================
   [MOBILE] «Аксессуары» — перенос только у «Ценникодержатели»
   Только 4-я карточка (длинное неразрывное слово). Остальные
   карточки — обычный перенос по словам, как было.  (≤760px)
   ============================================================ */
@media (max-width: 760px){
  .r4-service-product-page .accessory-grid .accessory-card:nth-child(4) h3{
    max-width:calc(100% - 44px) !important; box-sizing:border-box !important;
    hyphens:auto !important; -webkit-hyphens:auto !important; -ms-hyphens:auto !important;
    overflow-wrap:break-word !important; word-break:break-word !important;
  }
}

/* ============================================================
   [MOBILE] FAQ — аккордеон  (≤760px)   (append-only)
   Портировано из section-shared (eq03). Ответы свёрнуты,
   раскрываются тапом по вопросу — класс .is-open вешает
   парный JS (service-product-page.js). Шеврон-индикатор справа.
   Десктоп без изменений. Цвет шеврона — токен --r4-sp-orange.
   ⚠ Без JS-тоггла ответы на мобиле будут скрыты навсегда —
   подключать CSS и JS только вместе.
   ============================================================ */
@media (max-width: 760px) {
  .r4-service-product-page .faq-section .faq-row {
    padding: 16px 0 !important;
  }
  .r4-service-product-page .faq-section .faq-row-q {
    position: relative !important;
    cursor: pointer !important;
    padding-right: 32px !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .r4-service-product-page .faq-section .faq-row-q::after {
    content: "" !important;
    position: absolute !important;
    right: 2px !important;
    top: 0.18em !important;
    width: 10px !important;
    height: 10px !important;
    border-right: 2px solid var(--r4-sp-orange) !important;
    border-bottom: 2px solid var(--r4-sp-orange) !important;
    transform: rotate(45deg) !important;
    transition: transform 0.25s ease !important;
  }
  .r4-service-product-page .faq-section .faq-row.is-open .faq-row-q::after {
    transform: rotate(225deg) !important;
  }

  .r4-service-product-page .faq-section .faq-row-a {
    overflow: hidden !important;
    max-height: 0 !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transition:
      max-height 0.3s ease,
      opacity 0.25s ease,
      margin 0.3s ease !important;
  }
  .r4-service-product-page .faq-section .faq-row.is-open .faq-row-a {
    max-height: 700px !important;
    opacity: 1 !important;
    margin-top: 10px !important;
  }
}

/* ==========================================================================
   LAYER 04 · PARENT HUB MODE
   --------------------------------------------------------------------------
   Components for the parent page of the branch:
   .r4-service-product-page.r4-sp-hub.

   This layer reuses the service-page design language, but must keep higher
   specificity so hub components do not inherit unsuitable service-page layout
   behavior, especially timeline rules.
   ========================================================================== */

/* ============================================================================
   [HUB] ГЛАВНАЯ СТРАНИЦА РАЗДЕЛА «Торговое оборудование»   (append-only)
   ----------------------------------------------------------------------------
   Хаб-витрина раздела. Делит ОБЩИЙ паттерн .r4-service-product-page:
   кнопки (.btn/.btn--primary), .section-heading/.section-lead, .cta-section,
   .faq-section, .check-list — всё это УЖЕ определено выше и переиспользуется
   как есть. Здесь добавляются только СВОИ компоненты хаба:
     .cat-grid / .cat-card …    — сетка карточек-переходов (оборудование, услуги)
     .related-section           — блок «услуги к оборудованию» (мелкая правка lead)
     .podobrat-section / -grid  — «бриф»-панель: чек-лист + вертикальный таймлайн
     .proc-flow / .proc-step    — ХАБ-ВАРИАНТ таймлайна (вертикальный, кружки ::before)

   ⚠ ВАЖНО про .proc-flow/.proc-step: на странице стеллажей выше они заданы как
   ГОРИЗОНТАЛЬНЫЙ таймлайн (.r4-service-product-page .proc-flow{grid 4 кол.}
   + дети .proc-step__top/.proc-num/.proc-line). В хабе разметка другая —
   вертикальный таймлайн с ::before-кружками без этих детей. Чтобы хаб перебил
   стеллажный таймлайн, корень хаба несёт модификатор .r4-sp-hub, и все
   правила здесь идут с повышенной специфичностью (.r4-service-product-page.r4-sp-hub …).

   РАЗМЕТКА КОРНЯ:
     <div class="r4-service-product-page r4-sp-hub"> …хаб-блоки… </div>

   Нейтрали (#1a1a1a / #555 / #efefef) заданы литералами — как и в остальном
   файле; акцент берётся из токена var(--r4-sp-orange). Прятанье авто-списка
   Aspro живёт НЕ здесь (это глобальный селектор), а в page-файле раздела —
   torgovoe-oborudovanie.css, подключаемом только на URL хаба.
   ============================================================================ */

/* первая секция хаба прижата к шапке (у общего паттерна большой top-отступ) */
.r4-service-product-page.r4-sp-hub > .section-block:first-child{margin-top:clamp(8px, 1.4vw, 18px) !important}

/* — сетка карточек-переходов — */
.r4-service-product-page.r4-sp-hub .cat-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;margin-top:clamp(18px, 2vw, 26px)}
.r4-service-product-page.r4-sp-hub .cat-card{position:relative;display:flex;flex-direction:column;padding:calc(clamp(24px, 2vw, 30px) + 4px) clamp(24px, 2vw, 30px) clamp(24px, 2vw, 30px);border:1px solid #efefef;border-radius:18px;background:#fff;overflow:hidden;transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease}
.r4-service-product-page.r4-sp-hub .cat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--r4-sp-orange);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.r4-service-product-page.r4-sp-hub .cat-card:hover{transform:translateY(-4px);border-color:var(--r4-sp-orange);box-shadow:0 18px 40px -28px rgba(255, 76, 0, .45)}
.r4-service-product-page.r4-sp-hub .cat-card:hover::before{transform:scaleX(1)}
.r4-service-product-page.r4-sp-hub .cat-top{display:flex;align-items:flex-start;justify-content:space-between;margin:0 0 clamp(22px, 2.2vw, 30px)}
.r4-service-product-page.r4-sp-hub .cat-icon{display:grid;place-items:center;width:76px;height:76px;flex:none;border-radius:18px;background:var(--r4-sp-orange);box-shadow:0 12px 24px -10px rgba(255, 76, 0, .5);transition:transform .26s ease, background .26s ease}
.r4-service-product-page.r4-sp-hub .cat-card:hover .cat-icon{transform:translateY(-2px) rotate(-3deg);background:var(--r4-sp-orange)}
.r4-service-product-page.r4-sp-hub .cat-icon svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;object-fit:contain}
.r4-service-product-page.r4-sp-hub .cat-icon img{width:70%;height:70%;object-fit:contain}
.r4-service-product-page.r4-sp-hub .cat-arrow{color:var(--r4-sp-orange);font-size:26px;font-weight:900;line-height:1;transition:transform .26s ease}
.r4-service-product-page.r4-sp-hub .cat-card:hover .cat-arrow{transform:translate(4px, -4px)}
.r4-service-product-page.r4-sp-hub .cat-eyebrow{display:block;color:var(--r4-sp-orange);font-size:11px;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:.06em}
.r4-service-product-page.r4-sp-hub .cat-title{margin:9px 0 0;color:#1a1a1a;font-size:clamp(19px, 1.55vw, 22px);font-weight:800;line-height:1.22;text-wrap:balance}
.r4-service-product-page.r4-sp-hub .cat-desc{margin:11px 0 0;color:#555;font-size:clamp(14.5px, 1.05vw, 16px);line-height:1.6;text-wrap:pretty}

/* — услуги: обычная секция, чуть шире lead — */
.r4-service-product-page.r4-sp-hub .related-section .section-lead{max-width:820px}

/* — подобрать комплект: светлая «бриф»-панель в 2 колонки — */
.r4-service-product-page.r4-sp-hub .podobrat-section{position:relative;padding:clamp(28px, 3vw, 46px);border:1px solid #efefef;border-radius:18px;background:#fff;box-shadow:0 18px 44px -30px rgba(30, 34, 40, .34)}
.r4-service-product-page.r4-sp-hub .podobrat-section .section-lead{max-width:760px}
.r4-service-product-page.r4-sp-hub .podobrat-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:0;margin-top:clamp(26px, 2.8vw, 38px);align-items:start}

/* левая колонка: чек-лист «что прислать» (одна колонка, стрелочные буллеты) */
.r4-service-product-page.r4-sp-hub .podobrat-grid .check-list{display:grid;grid-template-columns:1fr;gap:clamp(10px, 1.2vw, 14px);margin:0;padding-right:clamp(28px, 3.2vw, 52px)}
.r4-service-product-page.r4-sp-hub .podobrat-grid .check-list li{position:relative;padding:0 0 0 28px;color:#1a1a1a;font-size:clamp(14.5px, 1.05vw, 16px);font-weight:600;line-height:1.4}
.r4-service-product-page.r4-sp-hub .podobrat-grid .check-list li::before{content:"→";position:absolute;left:0;top:0;color:var(--r4-sp-orange);font-size:15px;font-weight:900;line-height:1.4}

/* правая колонка: ВЕРТИКАЛЬНЫЙ таймлайн — кружки с номерами через ::before */
.r4-service-product-page.r4-sp-hub .podobrat-grid .proc-flow{display:flex;flex-direction:column;grid-template-columns:none;margin:0;padding:0 0 0 clamp(20px, 2.6vw, 40px);border-left:0 !important;counter-reset:pstep}
.r4-service-product-page.r4-sp-hub .proc-step{position:relative;margin:0;min-height:88px;padding:0 0 0 56px;border:0;background:transparent;box-shadow:none;border-radius:0;counter-increment:pstep}
.r4-service-product-page.r4-sp-hub .proc-step:last-child{min-height:0}
.r4-service-product-page.r4-sp-hub .proc-step + .proc-step{margin-top:24px}
.r4-service-product-page.r4-sp-hub .proc-step::before{content:counter(pstep, decimal-leading-zero);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--r4-sp-orange);color:#fff;border:0;font-size:13px;font-weight:800;line-height:1;letter-spacing:.02em;box-shadow:0 8px 18px -8px rgba(255, 76, 0, .6);z-index:1}
.r4-service-product-page.r4-sp-hub .proc-step:not(:last-child)::after{content:"";position:absolute;left:18px;top:46px;height:calc(100% - 22px);width:2px;background:linear-gradient(180deg, var(--r4-sp-orange), rgba(255, 76, 0, .28))}
.r4-service-product-page.r4-sp-hub .proc-step__title{margin:0;color:#1a1a1a;font-size:clamp(16px, 1.3vw, 19px);font-weight:800;line-height:1.25}
.r4-service-product-page.r4-sp-hub .proc-step__text{margin:9px 0 0;color:#555;font-size:clamp(14px, 1.02vw, 15.5px);line-height:1.55}
/* гасим hover-сдвиг и любые следы стеллажного proc-step */
.r4-service-product-page.r4-sp-hub .proc-step:hover{transform:none}

/* — адаптив хаба — */
@media (max-width: 980px){
  .r4-service-product-page.r4-sp-hub .cat-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .r4-service-product-page.r4-sp-hub .podobrat-grid{grid-template-columns:1fr}
  .r4-service-product-page.r4-sp-hub .podobrat-grid .check-list{padding-right:0}
  .r4-service-product-page.r4-sp-hub .podobrat-grid .proc-flow{padding-left:0;border-left:0;margin-top:clamp(24px, 4vw, 32px)}
}
@media (max-width: 640px){
  .r4-service-product-page.r4-sp-hub .cat-grid{grid-template-columns:1fr}
}

/* ==========================================================================
   LAYER 05 · BITRIX/ASPRO WRAPPER FIXES FOR HUB
   --------------------------------------------------------------------------
   Technical layout fixes for the parent hub inside the current Aspro page
   shell. Keep these rules separated from component styling: they affect the
   surrounding Bitrix columns, autogenerated service lists and full-width CTA.
   ========================================================================== */

/* ============================================================================
   [FIX-РАЗДЕЛ · ИТОГ] Хаб на странице-разделе Aspro — ОДИН чистый блок.
   Заменяет все прежние слои [FIX-РАЗДЕЛ] (они дрались между собой).
   Делает 4 вещи:
     1) прячет сайдбар .left_block и растягивает колонку .right_block на всю ширину;
     2) снимает full-bleed-разрыв паттерна и выравнивает левый край контента под
        заголовок темы — через РУЧКУ --r4-sp-hub-pad (одно число, подгони под себя);
     3) прячет авто-список услуг Aspro (по классам карточек, контент не трогаем);
     4) CTA тянет тёмный фон на всю ширину колонки, без обрезки по краям.

   ⚙ КАК ВЫРОВНЯТЬ ПОД ЗАГОЛОВОК: меняй только число в --r4-sp-hub-pad ниже.
     0px  — контент к левому краю колонки;
     если плитки левее H1 — увеличивай (16 / 24 / 30 / 40px), пока край не сядет
     ровно под «Торговое оборудование». Больше ничего трогать не нужно.
   ============================================================================ */

/* ⚙ РУЧКА выравнивания левого края (меняй ТОЛЬКО это число) */
.content-md:has(.r4-service-product-page) { --r4-sp-hub-pad: 0px; }

/* 1. сайдбар прочь + колонка на всю ширину ряда + чиним паддинги колонки */
.content-md:has(.r4-service-product-page) .left_block { display: none !important; }
.content-md:has(.r4-service-product-page) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.content-md:has(.r4-service-product-page) .right_block {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* 2. корень хаба: без full-bleed, ширина 100%, левый край = ручка */
.r4-service-product-page.r4-sp-hub {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: var(--r4-sp-hub-pad, 0px) !important;
  padding-right: var(--r4-sp-hub-pad, 0px) !important;
  overflow-x: visible !important;
  box-sizing: border-box !important;
}

/* 3. прячем авто-список услуг Aspro (по классам карточек) */
.right_block .section-wrapper-list .grid-list,
.right_block .section-wrapper-list .services-list__item,
.right_block .section-wrapper-list .services-list_wrapper,
.right_block .section-wrapper-list .bottom_nav,
.right_block .bottom_nav_wrapper,
.right_block .services-list-template {
  display: none !important;
}

/* 4. CTA: тёмный фон НА ВСЮ ШИРИНУ экрана (full-bleed), как на странице стеллажей.
   Возвращаем разрыв на весь вьюпорт через calc(50% - 50vw) + width:100vw — фон
   тянется от края до края, а контент внутри (.cta-wrap) центрируется max-width:1440.
   Раньше я душила это width:100% → фон обрезался белыми краями. */
.r4-service-product-page.r4-sp-hub .cta-section {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: max(20px, calc((100vw - 1440px) / 2)) !important;
  padding-right: max(20px, calc((100vw - 1440px) / 2)) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* 5. лид «Выберите оборудование…» (и прочие лиды хаба) — шире, не зажат в 640px */
.r4-service-product-page.r4-sp-hub .section-lead {
  max-width: 1040px !important;
}

/* мобила: умеренный боковой отступ контента */
@media (max-width: 760px) {
  .r4-service-product-page.r4-sp-hub {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  /* на мобиле CTA-паддинг скромнее, фон по-прежнему на всю ширину */
  .r4-service-product-page.r4-sp-hub .cta-section {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* ==========================================================================
   LAYER 06 · HUB RELATED-SECTION POLISH
   --------------------------------------------------------------------------
   Final hub-specific visual polish for the "services near equipment" block.
   It uses .r4-sp-hub scope and should not be copied into narrow service pages.
   ========================================================================== */

/* ============================================================================
   [HUB · БЛОК «УСЛУГИ»]  related-section — фон-чертёж + иконки на розовом tint
   ----------------------------------------------------------------------------
   Переиспользуем готовый блюпринт (var(--bp) + тёплый градиент, как у
   .expert-section) и tint-иконки (светло-розовый фон, как было до варианта A).
   Анимация карточки та же, что в блоке «Оборудование» (подъём + оранжевая
   полоса сверху) — наследуется от базовых .cat-card. Иконка на ховере уходит
   в более тёмный розовый + поворот.
   Иконки .svg перекрашиваются в фирменный оранжевый ФИЛЬТРОМ (источник белый).
   Если оттенок будет неидеальным — загрузи оранжевые svg и фильтр можно убрать.
   ============================================================================ */
.r4-service-product-page.r4-sp-hub .related-section{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:clamp(58px, 6vw, 88px) max(16px, calc((100vw - 1384px) / 2)) clamp(40px, 4vw, 64px) !important;
  background-color:#FAF9F7 !important;
  background-image:linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, .75) 38%, rgba(255, 255, 255, 0) 100%),
      linear-gradient(rgba(92, 84, 74, .045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(92, 84, 74, .045) 1px, transparent 1px),
      linear-gradient(rgba(92, 84, 74, .085) 1px, transparent 1px),
      linear-gradient(90deg, rgba(92, 84, 74, .085) 1px, transparent 1px) !important;
  background-size:100% 90px, 26px 26px, 26px 26px, 130px 130px, 130px 130px !important;
  background-position:left top, -1px -1px, -1px -1px, -1px -1px, -1px -1px !important;
  background-repeat:no-repeat, repeat, repeat, repeat, repeat !important;
  border:0 !important;
  border-radius:0 !important;
  box-sizing:border-box !important;
}
/* карточки услуг используют готовый компонент .kit-card (как блок «Оборудование
   для всего торгового зала» на странице стеллажей) — свои стили он несёт сам,
   доп.правила тут не нужны. */

/* 4Retail lead width fix 2026-07-07: keep section intro text visually balanced on desktop. */
@media (min-width: 761px){
  .r4-service-product-page .catalog-section .section-lead,
  .r4-service-product-page .accessory-section .section-lead,
  .r4-service-product-page .kit-section .section-lead{max-width:860px !important}
  .r4-service-product-page .intro-section .intro-lead-single{max-width:820px !important}
}
@media (max-width: 760px){
  .r4-service-product-page .section-lead,
  .r4-service-product-page .intro-section .intro-lead-single{max-width:100% !important}
}

/* ==========================================================================
   LAYER 07 · SERVICE PAGE BENCHMARK CONSOLIDATION
   --------------------------------------------------------------------------
   2026-07-07 integrated benchmark layer.

   This layer consolidates live findings from the approved stellazhi benchmark
   and the skladskie-stellazhi wide fix into the shared service-page contract.
   It is intentionally scoped away from .r4-sp-hub.

   Keep this file loaded after page CSS for service-product-page pages that
   use the approved stellazhi visual rhythm.
   ========================================================================== */

.r4-service-product-page:not(.r4-sp-hub){
  --r4-sp-service-page-max:1280px;
  --r4-sp-service-text-max:980px;
  --r4-sp-service-proc-head-max:1080px;
  --r4-sp-service-gutter:64px;
  --r4-sp-service-gutter-mobile:40px;
}

.r4-service-product-page:not(.r4-sp-hub) > .section-block:not(.intro-section):not(.expert-section):not(.cta-section){
  width:calc(100% - var(--r4-sp-service-gutter)) !important;
  max-width:var(--r4-sp-service-page-max) !important;
  margin-right:auto !important;
  margin-left:auto !important;
}

.r4-service-product-page:not(.r4-sp-hub) .intro-section--aspro-owned{
  margin-top:0 !important;
  padding-top:0 !important;
  padding-bottom:clamp(18px, 2.4vw, 34px) !important;
}

.r4-service-product-page:not(.r4-sp-hub) .intro-section--aspro-owned::before,
.r4-service-product-page:not(.r4-sp-hub) .intro-section--aspro-owned::after{
  display:none !important;
  content:none !important;
}

.r4-service-product-page:not(.r4-sp-hub) .intro-section--aspro-owned .intro-text-block{
  width:calc(100% - var(--r4-sp-service-gutter)) !important;
  max-width:var(--r4-sp-service-page-max) !important;
  margin-right:auto !important;
  margin-left:auto !important;
  padding-right:0 !important;
  padding-left:0 !important;
}

.r4-service-product-page:not(.r4-sp-hub) .intro-section--aspro-owned .hero-benefits{
  margin-top:clamp(14px, 1.6vw, 22px) !important;
}

.r4-service-product-page:not(.r4-sp-hub) .section-lead,
.r4-service-product-page:not(.r4-sp-hub) .cta-sub,
.r4-service-product-page:not(.r4-sp-hub) .intro-lead-single,
.r4-service-product-page:not(.r4-sp-hub) .intro-section .intro-lead-single,
.r4-service-product-page:not(.r4-sp-hub) .expert-lead,
.r4-service-product-page:not(.r4-sp-hub) .expert-lead p{
  max-width:var(--r4-sp-service-text-max) !important;
}

.r4-service-product-page:not(.r4-sp-hub) .proc-section .proc-head{
  max-width:var(--r4-sp-service-proc-head-max) !important;
}

@media (min-width:901px){
  .r4-service-product-page:not(.r4-sp-hub) .formats-section{
    width:calc(100% - var(--r4-sp-service-gutter)) !important;
    max-width:var(--r4-sp-service-page-max) !important;
    margin-right:auto !important;
    margin-left:auto !important;
    padding-right:0 !important;
    padding-left:0 !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats-section .section-top{
    display:block !important;
    width:100% !important;
    max-width:var(--r4-sp-service-text-max) !important;
    margin-right:auto !important;
    margin-bottom:clamp(20px, 2.2vw, 30px) !important;
    margin-left:0 !important;
    padding-bottom:0 !important;
    border-bottom:0 !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats{
    display:grid !important;
    width:100% !important;
    max-width:100% !important;
    margin:clamp(24px, 2.4vw, 34px) 0 0 !important;
    gap:0 !important;
    overflow:visible !important;
    border-top:1px solid #E5E5E5 !important;
    border-bottom:1px solid #E5E5E5 !important;
    background:transparent !important;
    counter-reset:fmt !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card{
    display:grid !important;
    grid-template-columns:108px minmax(0, 1fr) minmax(220px, 300px) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:clamp(28px, 2.7vw, 36px) 0 !important;
    gap:clamp(24px, 3.2vw, 44px) !important;
    overflow:visible !important;
    border:0 !important;
    border-bottom:1px solid #E5E5E5 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    counter-increment:fmt !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card:last-child{
    border-bottom:0 !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card:hover,
  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card:focus-within{
    transform:translateX(6px) !important;
    border-color:#E5E5E5 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card::before{
    display:block !important;
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    align-self:center !important;
    justify-self:start !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    color:#FF4C00 !important;
    font-size:clamp(40px, 4.4vw, 62px) !important;
    font-weight:900 !important;
    line-height:1 !important;
    content:counter(fmt, decimal-leading-zero) !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card::after{
    display:none !important;
    content:none !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card small{
    display:none !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card h3{
    grid-column:2 !important;
    grid-row:1 !important;
    max-width:680px !important;
    margin:0 !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card p{
    grid-column:2 !important;
    grid-row:2 !important;
    max-width:680px !important;
    margin:0 !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card .btn{
    grid-column:3 !important;
    grid-row:1 / 3 !important;
    justify-self:end !important;
    width:min(100%, 300px) !important;
    min-width:220px !important;
    margin:0 !important;
    white-space:normal !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .r4-service-product-page:not(.r4-sp-hub) .formats .format-card{
    grid-template-columns:84px minmax(0, 1fr) minmax(200px, 260px) !important;
  }
}

@media (max-width:900px){
  .r4-service-product-page:not(.r4-sp-hub) > .section-block:not(.intro-section):not(.expert-section):not(.cta-section),
  .r4-service-product-page:not(.r4-sp-hub) .intro-section--aspro-owned .intro-text-block{
    width:calc(100% - var(--r4-sp-service-gutter-mobile)) !important;
    max-width:none !important;
  }
}

@media (max-width:760px){
  .r4-service-product-page:not(.r4-sp-hub) .section-lead,
  .r4-service-product-page:not(.r4-sp-hub) .cta-sub,
  .r4-service-product-page:not(.r4-sp-hub) .intro-lead-single,
  .r4-service-product-page:not(.r4-sp-hub) .intro-section .intro-lead-single,
  .r4-service-product-page:not(.r4-sp-hub) .expert-lead,
  .r4-service-product-page:not(.r4-sp-hub) .expert-lead p{
    max-width:100% !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .faq-section .faq-row{
    grid-template-columns:40px minmax(0, 1fr) !important;
    gap:10px 14px !important;
    padding:22px 0 !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .faq-section .faq-row-num{
    grid-column:1 !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .faq-section .faq-row-q{
    grid-column:2 !important;
    padding-right:0 !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .faq-section .faq-row-q::before,
  .r4-service-product-page:not(.r4-sp-hub) .faq-section .faq-row-q::after{
    display:none !important;
    content:none !important;
  }

  .r4-service-product-page:not(.r4-sp-hub) .faq-section .faq-row-a{
    display:block !important;
    visibility:visible !important;
    grid-column:2 !important;
    max-height:none !important;
    height:auto !important;
    margin-top:2px !important;
    padding-left:0 !important;
    overflow:visible !important;
    opacity:1 !important;
    clip:auto !important;
    font-size:15px !important;
    line-height:1.58 !important;
  }
}




/* End */


/* Start:/local/assets/4retail/pages/skladskie-stellazhi/skladskie-stellazhi.css?17834346093358*/
/*
4Retail page CSS: skladskie-stellazhi after shared service-product-page cleanup.

This is a local candidate, not a live file.
It assumes Layer 07 from the common service-product-page.css candidate is active.
The page adapter should keep only warehouse-specific content and image behavior.
*/

.r4-page-skladskie-stellazhi .intro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.r4-page-skladskie-stellazhi .catalog-section:first-of-type {
  margin-top: clamp(12px, 1.5vw, 22px) !important;
}

.r4-page-skladskie-stellazhi .catalog-section .section-top {
  display: block !important;
  margin-bottom: clamp(12px, 1.3vw, 18px) !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.r4-page-skladskie-stellazhi .catalog-section .eyebrow {
  display: block !important;
  width: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #7a7f86 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.r4-page-skladskie-stellazhi .catalog-section .eyebrow::before,
.r4-page-skladskie-stellazhi .catalog-section .eyebrow::after {
  display: none !important;
  content: none !important;
}

.r4-page-skladskie-stellazhi .catalog-section .section-heading {
  max-width: 860px !important;
  margin: 0 !important;
  font-size: clamp(26px, 2.2vw, 34px) !important;
  line-height: 1.12 !important;
}

.r4-page-skladskie-stellazhi .catalog-section .section-lead {
  margin-top: 6px !important;
  line-height: 1.55 !important;
}

.r4-page-skladskie-stellazhi .catalog-section .catalog-note--calc-intro {
  margin-top: 0 !important;
  margin-bottom: clamp(18px, 2vw, 26px) !important;
}

.r4-page-skladskie-stellazhi .catalog-section .product-card__media,
.r4-page-skladskie-stellazhi .case-card__image {
  overflow: hidden;
  background: #f6f7f8;
}

.r4-page-skladskie-stellazhi .catalog-section .product-card__media img,
.r4-page-skladskie-stellazhi .case-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.r4-page-skladskie-stellazhi .catalog-section .product-card__media img {
  min-height: 260px;
}

.r4-page-skladskie-stellazhi .case-card__image {
  aspect-ratio: 4 / 3;
}

.r4-page-skladskie-stellazhi .kit-card .kit-icon {
  color: var(--r4-sp-orange, #ff4c00);
  font-weight: 900;
}

.r4-page-skladskie-stellazhi .scenario-card {
  padding: clamp(24px, 2.6vw, 34px);
}

.r4-page-skladskie-stellazhi .cta-section .cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 18px 22px;
  border-radius: 999px;
  background: var(--r4-sp-orange, #ff4c00);
  color: #fff !important;
  font-weight: 900;
  line-height: 1.2;
}

@media (max-width: 760px) {
  .r4-page-skladskie-stellazhi .catalog-section:first-of-type {
    margin-top: 34px !important;
  }

  .r4-page-skladskie-stellazhi .catalog-section .eyebrow {
    font-size: 13px !important;
  }

  .r4-page-skladskie-stellazhi .intro-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .r4-page-skladskie-stellazhi .catalog-section .product-card__media img {
    min-height: 220px;
  }
}

/* End */


/* Start:/bitrix/templates/aspro-allcorp3digital/components/bitrix/news.detail/news/style.min.css?16596481672069*/
.detail-info-wrapper{margin-bottom:48px}.detail-info-wrapper--with-img{margin-top:-48px}.has-top-banner .detail-info-wrapper--with-img{margin-top:-64px}.detail-info-wrapper--with-img .maxwidth-theme>.detail-info{padding-left:0;padding-right:0}.detail-info{padding:47px 46px 41px}.detail-info__inner{margin-top:-6px}.detail-info__date{margin-bottom:8px}.detail-info__chars{margin-top:26px}.detail-info__chars-inner{margin-bottom:-20px}.detail-info__chars-item{margin-bottom:20px}.detail-info__chars .line-block{flex-wrap:wrap}.detail-info .more-char-link{margin-top:18px}@media (min-width:768px){.detail-info__btns{width:289px}}@media (max-width:767px){.detail-info .line-block{display:block}.detail-info__btns{padding-top:20px}}@media (max-width:600px){.detail-info{padding-top:30px;padding-bottom:30px}.detail-info-wrapper--with-img{margin-top:0}}.top-info{margin-bottom:48px;overflow:hidden}.top-info__picture{width:50%}.top-info__picture .owl-carousel:not(.owl-loaded){min-height:500px}.top-info__picture-item{padding-top:67%}.top-info__link{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;display:block}.top-info__img{height:100%;display:block;background-size:cover;background-position:center top;background-repeat:no-repeat}.top-info__text-inner{padding:49px 55px 56px}.top-info__task-value{margin-top:8px}.top-info__task+.top-info__bottom{margin-top:40px}.top-info__bottom .properties{margin-top:-5px}.top-info__bottom .properties__item{margin-bottom:14px}.buttons-block>div+div{margin-top:12px}.tizers-top-side{margin:-49px 0 48px}@media (max-width:991px){.top-info .flexbox{flex-wrap:wrap}body .top-info__picture,body .top-info__text{width:100%;flex:auto}}@media (max-width:600px){.top-info__bottom{flex-wrap:wrap}.top-info__bottom .line-block__item{width:100%;flex:auto}.top-info__text-inner{padding:25px}}.top-meta{margin-bottom:33px}.top-meta__section{background-color:#fafafa;background-color:var(--darkerblack_bg_black);padding:1px 8px 2px}.top-meta__date .svg-inline-sale{margin-right:6px}.detail-info .search-tags-cloud{margin:34px 0 0}
/* End */


/* Start:/bitrix/templates/aspro-allcorp3digital/css/jquery.fancybox.min.css?165964817112936*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0/100% 100% no-repeat;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:dotted 1px}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:1s linear infinite fancybox-rotate;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:.2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:.2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* /bitrix/templates/aspro-allcorp3digital/components/bitrix/news/services/style.min.css?166015450449 */
/* /local/assets/4retail/patterns/service-product-page/service-product-page.css?1783494985204025 */
/* /local/assets/4retail/pages/skladskie-stellazhi/skladskie-stellazhi.css?17834346093358 */
/* /bitrix/templates/aspro-allcorp3digital/components/bitrix/news.detail/news/style.min.css?16596481672069 */
/* /bitrix/templates/aspro-allcorp3digital/css/jquery.fancybox.min.css?165964817112936 */