/* Start:/local/templates/vipel/components/bitrix/_shared/style.css?179035159013482*/
/* Vipel presentation layer. Native commerce IDs and event contracts are preserved. */
.vipel-site .vipel-live-content { width:100%; max-width:var(--vipel-container-width); margin-inline:auto; padding:var(--vipel-space-7) var(--vipel-page-padding); min-width:0; }
.vipel-site .vipel-live-content h1 { font-size:clamp(2rem,4vw,var(--vipel-font-size-4xl)); letter-spacing:-.045em; line-height:1.12; margin:0 0 var(--vipel-space-6); overflow-wrap:anywhere; }
.vipel-site .vipel-live-content h2 { font-size:var(--vipel-font-size-2xl); letter-spacing:-.025em; margin-bottom:var(--vipel-space-5); }
.vipel-site .vipel-live-content section { margin-bottom:var(--vipel-space-7); }
.vipel-site .vipel-header a:hover { text-decoration:none; }
.vipel-menu__list { list-style:none; padding:0; margin:0; }
.vipel-menu--primary > .vipel-menu__list { display:flex; gap:var(--vipel-space-5); flex-wrap:wrap; align-items:center; }
.vipel-menu a { display:block; padding-block:var(--vipel-space-3); }
.vipel-menu a[aria-current=page] { color:var(--vipel-color-accent); font-weight:var(--vipel-weight-semibold); }
.vipel-menu details summary { cursor:pointer; padding:var(--vipel-space-3); }
.vipel-menu details .vipel-menu__list { padding-left:var(--vipel-space-4); }
.vipel-menu--primary details { position:relative; }
.vipel-menu--primary details[open] > .vipel-menu__list { position:absolute; z-index:30; min-width:16rem; background:var(--vipel-color-bg); padding:var(--vipel-space-4); border:1px solid var(--vipel-color-border); }
.vipel-search-host--header { flex:1; max-width:37.5rem; min-width:0; }
.vipel-search-host .vipel-search { max-width:none; margin:0; }
.vipel-search__submit { background:none; color:var(--vipel-color-accent); border:0; padding:var(--vipel-space-3) 0; font:inherit; cursor:pointer; }
.vipel-site .vipel-search:focus-within { outline:2px solid var(--vipel-color-accent); outline-offset:2px; }
.vipel-site div.title-search-result { z-index:100; max-width:calc(100vw - 2rem); background:var(--vipel-color-surface); box-shadow:var(--vipel-shadow-md); }
.vipel-search-results { width:100%; border-collapse:collapse; border:1px solid var(--vipel-color-border); background:var(--vipel-color-surface); }
.vipel-search-results td { padding:0; }
.vipel-search-results a { display:block; padding:var(--vipel-space-3) var(--vipel-space-4); color:var(--vipel-color-text); overflow-wrap:anywhere; }
.vipel-search-results .title-search-selected { background:var(--vipel-color-accent-soft); }
.vipel-cart-link { white-space:nowrap; font-size:var(--vipel-font-size-sm); }
.vipel-cart-link span { font-family:var(--vipel-font-mono); color:var(--vipel-color-accent); }
.vipel-header .bx-basket { margin:0; min-width:0; }
.vipel-empty { padding:var(--vipel-space-5); border:1px solid var(--vipel-color-border); color:var(--vipel-color-secondary); background:var(--vipel-color-surface); }
.vipel-meta { color:var(--vipel-color-secondary); font:var(--vipel-font-size-sm)/1.5 var(--vipel-font-mono); }
.vipel-image-empty { display:flex; align-items:center; justify-content:center; min-height:6rem; padding:var(--vipel-space-4); width:100%; height:100%; background:var(--vipel-color-bg); color:var(--vipel-color-secondary); font-size:var(--vipel-font-size-sm); text-align:center; }
.vipel-sections { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--vipel-space-4); list-style:none; padding:0; margin:0 0 var(--vipel-space-7); }
.vipel-section-card { background:var(--vipel-color-surface); border:1px solid var(--vipel-color-border); min-width:0; }
.vipel-section-card a { display:flex; flex-direction:column; height:100%; gap:var(--vipel-space-3); color:var(--vipel-color-text); padding:var(--vipel-space-5); }
.vipel-section-card a:hover { text-decoration:none; color:var(--vipel-color-accent); }
.vipel-section-card__image { aspect-ratio:3/2; display:flex; align-items:center; justify-content:center; }
.vipel-section-card__image img { width:100%; height:100%; object-fit:contain; }
.vipel-section-card__title { font-weight:var(--vipel-weight-semibold); font-size:var(--vipel-font-size-lg); overflow-wrap:anywhere; }
.vipel-site .vipel-live-content .product-item { background:var(--vipel-color-surface); border:1px solid var(--vipel-color-border); padding:var(--vipel-space-5); height:100%; box-shadow:none; }
.vipel-site .vipel-live-content .product-item-title { white-space:normal; font-family:var(--vipel-font-sans); font-size:var(--vipel-font-size-lg); line-height:1.35; overflow-wrap:anywhere; }
.vipel-site .vipel-live-content .product-item-title a { color:var(--vipel-color-text); }
.vipel-site .vipel-live-content .product-item-price-current { font-family:var(--vipel-font-mono); color:var(--vipel-color-text); }
.vipel-site .product-item-image-original img,.vipel-site .product-item-image-alternative img,.vipel-site .product-item-image-slide img { width:100%; height:100%; object-fit:contain; }
.vipel-site .product-item-container { margin-bottom:var(--vipel-space-4); }
.vipel-site .vipel-live-content .btn-primary,.vipel-site .vipel-feedback button { background:var(--vipel-color-accent); border-color:var(--vipel-color-accent); color:var(--vipel-color-surface); border-radius:var(--vipel-radius-sm); font-family:var(--vipel-font-sans); }
.vipel-site .vipel-live-content .btn-primary:hover { background:var(--vipel-color-text); border-color:var(--vipel-color-text); }
.vipel-site .vipel-live-content .product-item-scu-item-text-block { border-radius:0; }
.vipel-site .vipel-live-content .product-item-scu-item-text-container.selected .product-item-scu-item-text-block { border-color:var(--vipel-color-accent); }
.vipel-site .vipel-live-content .bx-filter { min-width:0; font-family:var(--vipel-font-sans); }
.vipel-site .vipel-live-content .bx-filter .bx-filter-section { background:var(--vipel-color-surface); border:1px solid var(--vipel-color-border); border-radius:0; }
.vipel-site .vipel-live-content .bx-filter .bx-filter-parameters-box-title span { color:var(--vipel-color-text); }
.vipel-site .vipel-live-content .bx-filter .bx-ui-slider-pricebar-v { background:var(--vipel-color-accent); }
.vipel-site .vipel-live-content .product-item-detail-slider-container { background:var(--vipel-color-surface); border:1px solid var(--vipel-color-border); }
.vipel-site .vipel-live-content .product-item-detail-pay-block { border:1px solid var(--vipel-color-border); background:var(--vipel-color-surface); padding:var(--vipel-space-5); }
.vipel-site .vipel-live-content .product-item-detail-price-current { font-family:var(--vipel-font-mono); }
.vipel-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--vipel-space-5); }
.vipel-news-card { min-width:0; border:1px solid var(--vipel-color-border); background:var(--vipel-color-surface); }
.vipel-news-card__image { display:flex; aspect-ratio:8/5; }
.vipel-news-card__image img { width:100%; height:100%; object-fit:cover; }
.vipel-news-card__body { padding:var(--vipel-space-5); }
.vipel-site .vipel-news-card h2 { font-size:var(--vipel-font-size-xl); line-height:1.3; }
.vipel-news-card h2 a { color:var(--vipel-color-text); }
.vipel-article { max-width:56rem; margin-inline:auto; }
.vipel-article__header { margin-bottom:var(--vipel-space-6); }
.vipel-article__cover { margin-bottom:var(--vipel-space-7); }
.vipel-article__cover img { display:block; max-width:100%; height:auto; margin:auto; }
.article-content { font:var(--vipel-font-size-lg)/1.75 var(--vipel-font-sans); color:var(--vipel-color-text); min-width:0; overflow-wrap:anywhere; }
.article-content p { margin:0 0 var(--vipel-space-5); }
.article-content h2,.article-content h3 { margin:var(--vipel-space-7) 0 var(--vipel-space-4); line-height:1.25; font-weight:var(--vipel-weight-semibold); }
.article-content h2 { font-size:var(--vipel-font-size-2xl); }
.article-content h3 { font-size:var(--vipel-font-size-xl); }
.article-content ul,.article-content ol { padding-left:var(--vipel-space-6); margin:0 0 var(--vipel-space-5); }
.article-content li { margin-block:var(--vipel-space-2); }
.article-content a { color:var(--vipel-color-accent); text-decoration:underline; text-underline-offset:.2em; overflow-wrap:anywhere; }
.article-content blockquote { border-left:3px solid var(--vipel-color-accent); padding:var(--vipel-space-5); margin:var(--vipel-space-6) 0; background:var(--vipel-color-accent-soft); }
.article-content blockquote p:last-child { margin-bottom:0; }
.article-content img { max-width:100%; height:auto; }
.article-content hr { border:0; border-top:1px solid var(--vipel-color-border); margin-block:var(--vipel-space-7); }
.article-content table { border-collapse:collapse; width:100%; font-size:var(--vipel-font-size-base); }
.article-content td,.article-content th { border:1px solid var(--vipel-color-border); padding:var(--vipel-space-3) var(--vipel-space-4); min-width:8rem; vertical-align:top; }
.article-content th { background:var(--vipel-color-bg); font-weight:var(--vipel-weight-semibold); }
.article-content .vipel-table-scroll { max-width:100%; overflow-x:auto; margin-block:var(--vipel-space-6); }
.article-content pre { max-width:100%; overflow:auto; font-family:var(--vipel-font-mono); }
.article-content figure { margin:var(--vipel-space-6) 0; }
.article-content figcaption { color:var(--vipel-color-secondary); font-size:var(--vipel-font-size-sm); }
.vipel-pagination { border-top:1px solid var(--vipel-color-border); padding-block:var(--vipel-space-5); }
.vipel-pagination .navigation-pages { display:flex; flex-wrap:wrap; gap:var(--vipel-space-2); align-items:center; }
.vipel-pagination .navigation-pages a,.vipel-pagination [aria-current] { padding:var(--vipel-space-2) var(--vipel-space-3); border:1px solid var(--vipel-color-border); }
.vipel-pagination [aria-current] { background:var(--vipel-color-accent); color:var(--vipel-color-surface); }
.vipel-feedback { max-width:42rem; }
.vipel-feedback form { display:grid; gap:var(--vipel-space-3); }
.vipel-feedback input:not([type=hidden]),.vipel-feedback textarea { width:100%; min-width:0; padding:var(--vipel-space-3); border:1px solid var(--vipel-color-border-strong); background:var(--vipel-color-surface); }
.vipel-feedback button { justify-self:start; padding:var(--vipel-space-3) var(--vipel-space-6); border:1px solid; cursor:pointer; }
.vipel-site :focus-visible { outline:2px solid var(--vipel-color-accent); outline-offset:3px; }
@media(max-width:1024px) { .vipel-sections { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:896px) { .vipel-search-host--header { order:3; flex-basis:100%; max-width:none; } .vipel-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .vipel-site .vipel-live-content { padding-top:var(--vipel-space-5); } }
@media(max-width:575px) { .vipel-sections { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--vipel-space-3); } .vipel-section-card a { padding:var(--vipel-space-3); } .vipel-section-card__title { font-size:var(--vipel-font-size-base); } .vipel-news-grid { grid-template-columns:minmax(0,1fr); } .vipel-site .vipel-products .product-item-small-card { flex:0 0 100%; max-width:100%; } .vipel-site .vipel-live-content .product-item { padding:var(--vipel-space-4); } .article-content { font-size:var(--vipel-font-size-base); } .vipel-site .vipel-live-content .product-item-detail-slider-container { min-height:0; } }
.vipel-section-card__image { position:relative; flex:none; min-height:0; }
.vipel-section-card__image img,.vipel-section-card__image .vipel-image-empty { position:absolute; inset:0; width:100%; height:100%; }
.vipel-section-card a,.vipel-news-card h2 a { text-decoration:none; }

.vipel-site .vipel-live-content .product-item-detail-price-current { color:var(--vipel-color-text); }
.vipel-site .vipel-live-content .product-item-info-container { font-family:var(--vipel-font-sans); }

.vipel-brand-blocks { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:var(--vipel-space-4); }
.vipel-brand-blocks li { padding:var(--vipel-space-3); max-width:16rem; font-size:var(--vipel-font-size-sm); }
.vipel-brand-blocks img { display:block; max-width:100%; height:auto; margin-bottom:var(--vipel-space-2); }
@media(max-width:896px) { .vipel-search-host--header { grid-column:1/-1; width:100%; } }
.vipel-site .search-page form { display:flex; flex-wrap:wrap; align-items:center; gap:var(--vipel-space-3); }
.vipel-site .search-page input[type=text] { min-width:0; max-width:100%; padding:var(--vipel-space-3); border:1px solid var(--vipel-color-border); }
.vipel-site .search-page input[type=submit] { padding:var(--vipel-space-3) var(--vipel-space-5); background:var(--vipel-color-accent); color:var(--vipel-color-surface); border:0; }
.vipel-site .bx-auth { max-width:100%; }
.vipel-site .bx-auth input { max-width:100%; }
.vipel-site .vipel-live-content .sale-personal-section-index-block-name { font-size:var(--vipel-font-size-base); line-height:1.4; overflow-wrap:anywhere; margin:var(--vipel-space-3) 0; }
.vipel-site .vipel-live-content .sale-personal-section-index-block { background:var(--vipel-color-accent); }

.vipel-breadcrumb { margin-bottom:var(--vipel-space-5); font-size:var(--vipel-font-size-sm); color:var(--vipel-color-secondary); }
.vipel-breadcrumb ol { display:flex; flex-wrap:wrap; gap:var(--vipel-space-2); list-style:none; margin:0; padding:0; }
.vipel-breadcrumb li { min-width:0; overflow-wrap:anywhere; }
.vipel-breadcrumb li + li::before { content:' / '; padding-right:var(--vipel-space-2); }

/* End */


/* Start:/local/templates/vipel/assets/css/design-tokens.css?17903515902639*/
:root {
  /* Vipel design system tokens extracted from Дизайн-система.dc.html. */
  --vipel-color-bg: #fcfbf9;
  --vipel-color-surface: #ffffff;
  --vipel-color-text: #1a1815;
  --vipel-color-secondary: #56514a;
  --vipel-color-muted: #a59f95;
  --vipel-color-border: #e7e3dc;
  --vipel-color-border-strong: #d9d3ca;
  --vipel-color-line: #ece8e1;
  --vipel-color-accent: #d9481c;
  --vipel-color-accent-soft: #fcf4f0;
  --vipel-color-success: #2f7d4f;
  --vipel-color-warning: #b06a14;
  --vipel-color-danger: #d9481c;
  --vipel-color-dark: #1a1815;
  /* Compatibility aliases used only by the design-system reference examples. */
  --color-primary: var(--vipel-color-text);
  --color-secondary: var(--vipel-color-secondary);
  --color-accent: var(--vipel-color-accent);
  --color-bg: var(--vipel-color-bg);
  --color-surface: var(--vipel-color-surface);
  --color-text: var(--vipel-color-text);
  --color-muted: var(--vipel-color-muted);
  --color-border: var(--vipel-color-border);
  --color-border-strong: var(--vipel-color-border-strong);
  --color-line: var(--vipel-color-line);
  --color-success: var(--vipel-color-success);
  --color-warning: var(--vipel-color-warning);
  --color-error: var(--vipel-color-danger);

  --vipel-font-sans: 'Onest', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --vipel-font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;
  --vipel-font-size-xs: 0.6875rem;
  --vipel-font-size-sm: 0.8125rem;
  --vipel-font-size-base: 0.9375rem;
  --vipel-font-size-lg: 1.125rem;
  --vipel-font-size-xl: 1.375rem;
  --vipel-font-size-2xl: 1.75rem;
  --vipel-font-size-3xl: 2.125rem;
  --vipel-font-size-4xl: 3rem;
  --vipel-line-body: 1.6;
  --vipel-line-heading: 1.05;
  --vipel-weight-regular: 400;
  --vipel-weight-medium: 500;
  --vipel-weight-semibold: 600;
  --vipel-weight-bold: 700;
  --vipel-weight-extrabold: 800;

  --vipel-space-1: 0.25rem;
  --vipel-space-2: 0.5rem;
  --vipel-space-3: 0.75rem;
  --vipel-space-4: 1rem;
  --vipel-space-5: 1.5rem;
  --vipel-space-6: 2rem;
  --vipel-space-7: 3rem;
  --vipel-space-8: 4rem;
  --vipel-container-width: 90rem;
  --vipel-page-padding: 2rem;

  --vipel-radius-none: 0;
  --vipel-radius-sm: 0.125rem;
  --vipel-radius-md: 0.25rem;
  --vipel-radius-pill: 999px;
  --vipel-shadow-sm: 0 1px 2px rgba(26, 24, 21, 0.05);
  --vipel-shadow-md: 0 4px 16px rgba(26, 24, 21, 0.08);
  --vipel-shadow-lg: 0 12px 36px rgba(26, 24, 21, 0.12);
  --vipel-transition-fast: 150ms ease;
  --vipel-transition-base: 220ms ease;
  --vipel-z-header: 20;
  --vipel-breakpoint-tablet: 56rem;
  --vipel-breakpoint-mobile: 40rem;
}

/* End */


/* Start:/local/templates/vipel/assets/css/design-system.css?179035159015373*/
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { margin: 0; padding: 0; }
body { background: var(--vipel-color-bg); color: var(--vipel-color-text); font-family: var(--vipel-font-sans); font-size: var(--vipel-font-size-base); line-height: var(--vipel-line-body); -webkit-font-smoothing: antialiased; }
img, svg { max-width: 100%; }
button, input, select, textarea { font: inherit; }
a { color: inherit; }
::selection { background: #f3d6cb; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-thumb { background: #ddd6cb; }
::-webkit-scrollbar-thumb:hover { background: #cfc6b8; }
::-webkit-scrollbar-track { background: transparent; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.vipel-container { width: min(100% - (2 * var(--vipel-page-padding)), var(--vipel-container-width)); margin-inline: auto; }
.vipel-page { padding-block: var(--vipel-space-7); }
.vipel-preview-notice { margin: 0 auto; border: 1px solid var(--vipel-color-border-strong); background: #fff8f4; color: var(--vipel-color-secondary); padding: 0.75rem 1rem; font-family: var(--vipel-font-mono); font-size: var(--vipel-font-size-xs); letter-spacing: .04em; }

.vipel-button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.5rem; gap: var(--vipel-space-2); padding-inline: 1.125rem; border: 1px solid transparent; border-radius: var(--vipel-radius-none); cursor: pointer; font-size: var(--vipel-font-size-sm); font-weight: var(--vipel-weight-semibold); line-height: 1; text-decoration: none; transition: background-color var(--vipel-transition-fast), color var(--vipel-transition-fast), border-color var(--vipel-transition-fast); }
.vipel-button--primary { background: var(--vipel-color-dark); color: #fff; }
.vipel-button--primary:hover, .vipel-button--primary:focus-visible { background: var(--vipel-color-accent); }
.vipel-button--outline { border-color: var(--vipel-color-border-strong); background: transparent; }
.vipel-button--outline:hover, .vipel-button--outline:focus-visible { border-color: var(--vipel-color-dark); }
.vipel-card { border: 1px solid var(--vipel-color-border); background: var(--vipel-color-surface); box-shadow: var(--vipel-shadow-sm); }
.vipel-mono { font-family: var(--vipel-font-mono); }
.vipel-label { color: var(--vipel-color-muted); font-family: var(--vipel-font-mono); font-size: var(--vipel-font-size-xs); letter-spacing: .08em; text-transform: uppercase; }

@media (max-width: 56rem) {
  :root { --vipel-page-padding: 1.5rem; }
}
@media (max-width: 40rem) {
  :root { --vipel-page-padding: 1rem; }
  .vipel-container { width: min(100% - 2rem, var(--vipel-container-width)); }
}


/* Reference component classes extracted from the closed design-system preview. */

  :root{
    /* --- цвета --- */
    --color-primary:#1a1815;
    --color-secondary:#56514a;
    --color-accent:#d9481c;
    --color-bg:#fcfbf9;
    --color-surface:#ffffff;
    --color-text:#1a1815;
    --color-muted:#a59f95;
    --color-border:#e7e3dc;
    --color-border-strong:#d9d3ca;
    --color-line:#ece8e1;
    --color-error:#d9481c;
    --color-success:#2f7d4f;
    --color-warning:#b06a14;
    --color-info:#1a1815;
    /* --- типографика --- */
    --font-sans:'Onest',system-ui,-apple-system,sans-serif;
    --font-mono:'JetBrains Mono','SF Mono',monospace;
    --text-xs:11px;
    --text-sm:13px;
    --text-base:15px;
    --text-lg:18px;
    --text-xl:22px;
    --text-2xl:28px;
    --text-3xl:34px;
    --text-4xl:48px;
    /* --- отступы --- */
    --space-1:4px;
    --space-2:8px;
    --space-3:12px;
    --space-4:16px;
    --space-5:24px;
    --space-6:32px;
    --space-7:48px;
    --space-8:64px;
    /* --- радиусы и тени --- */
    --radius-none:0;
    --radius-sm:2px;
    --radius-md:4px;
    --radius-pill:999px;
    --shadow-sm:0 1px 2px rgba(26,24,21,.05);
    --shadow-md:0 4px 16px rgba(26,24,21,.08);
    --shadow-lg:0 12px 36px rgba(26,24,21,.12);
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{background:var(--color-bg);font-family:var(--font-sans);color:var(--color-text);-webkit-font-smoothing:antialiased;}
  ::selection{background:#f3d6cb;}
  ::-webkit-scrollbar{width:9px;height:9px;}
  ::-webkit-scrollbar-thumb{background:#ddd6cb;}
  ::-webkit-scrollbar-thumb:hover{background:#cfc6b8;}
  ::-webkit-scrollbar-track{background:transparent;}
  html{scroll-behavior:smooth;}

  /* ===== ТИПОГРАФИКА ===== */
  .ds-h1{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.025em;line-height:1.05;margin:0;}
  .ds-h2{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0;}
  .ds-h3{font-size:var(--text-xl);font-weight:700;letter-spacing:-.015em;line-height:1.15;margin:0;}
  .ds-h4{font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0;}
  .ds-p{font-size:var(--text-base);line-height:1.6;color:var(--color-text);margin:0;}
  .ds-caption{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--color-muted);margin:0;}
  .ds-muted{font-size:var(--text-sm);color:var(--color-muted);margin:0;}
  .ds-mono{font-family:var(--font-mono);}

  /* ===== КНОПКИ ===== */
  .btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;height:40px;padding:0 18px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-none);transition:background .15s,color .15s,border-color .15s;line-height:1;text-decoration:none;white-space:nowrap;}
  .btn--primary{background:var(--color-primary);color:#fff;}
  .btn--primary:hover{background:var(--color-accent);}
  .btn--secondary{background:#f1ede5;color:var(--color-primary);}
  .btn--secondary:hover{background:#e7e1d6;}
  .btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-border-strong);}
  .btn--outline:hover{border-color:var(--color-primary);}
  .btn--ghost{background:transparent;color:var(--color-secondary);}
  .btn--ghost:hover{color:var(--color-primary);background:#f1ede5;}
  .btn--danger{background:var(--color-accent);color:#fff;}
  .btn--danger:hover{background:#c23d15;}
  .btn--sm{height:32px;padding:0 12px;font-size:var(--text-xs);}
  .btn--lg{height:48px;padding:0 26px;font-size:var(--text-base);}
  .btn:disabled{opacity:.45;cursor:not-allowed;}

  /* ===== ФОРМЫ ===== */
  .input,.textarea,.select{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);height:48px;padding:0 16px;outline:none;width:100%;border-radius:var(--radius-none);transition:border-color .15s;}
  .input::placeholder,.textarea::placeholder{color:var(--color-muted);}
  .input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);}
  .textarea{height:auto;min-height:104px;padding:14px 16px;resize:vertical;line-height:1.5;}
  .select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-secondary) 50%),linear-gradient(135deg,var(--color-secondary) 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 13px) 21px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;cursor:pointer;padding-right:42px;}
  .field{display:flex;flex-direction:column;gap:7px;}
  .field-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text);}
  .field-hint{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);}
  .check{display:inline-flex;align-items:center;min-height:44px;gap:11px;cursor:pointer;font-size:var(--text-base);color:#2c2924;user-select:none;}
  .check input[type=checkbox],.check input[type=radio]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;margin:0;}
  .check input[type=checkbox]{border-radius:0;}
  .toggle{position:relative;display:inline-flex;align-items:center;min-height:44px;min-width:44px;cursor:pointer;}
  .toggle input{position:absolute;opacity:0;width:0;height:0;}
  .toggle .track{width:42px;height:24px;background:#d9d3ca;border-radius:var(--radius-pill);transition:background .18s;position:relative;flex-shrink:0;}
  .toggle .track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .18s;box-shadow:0 1px 2px rgba(0,0,0,.2);}
  .toggle input:checked + .track{background:var(--color-accent);}
  .toggle input:checked + .track::after{transform:translateX(18px);}
  .toggle input:focus-visible + .track{outline:2px solid var(--vipel-color-accent);outline-offset:4px;}

  /* ===== КАРТОЧКИ ===== */
  .card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-none);padding:var(--space-5);}
  .card--hover{transition:box-shadow .18s,border-color .18s,transform .18s;cursor:pointer;}
  .card--hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px);}
  .pcard{background:var(--color-bg);border:1px solid var(--color-line);padding:var(--space-4);display:flex;flex-direction:column;transition:background .15s;}
  .pcard:hover{background:#f6f3ee;}
  .pcard .thumb{height:116px;background-image:repeating-linear-gradient(45deg,#f1ede5 0 6px,#e9e4da 6px 12px);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
  .pcard .thumb span{font-family:var(--font-mono);font-size:var(--text-sm);color:#9a948b;}
  .pcard .mpn{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--color-primary);text-decoration:none;}
  .pcard .mpn:hover{color:var(--color-accent);}

  /* ===== БЕЙДЖИ ===== */
  .badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-none);line-height:1.3;}
  .badge--mono{font-family:var(--font-mono);font-weight:500;font-size:12px;color:var(--color-secondary);border-color:var(--color-border-strong);}
  .badge--success{color:var(--color-success);border-color:var(--color-success);}
  .badge--warning{color:var(--color-warning);border-color:var(--color-warning);}
  .badge--danger{color:#fff;background:var(--color-accent);border-color:var(--color-accent);}
  .badge--solid{background:var(--color-primary);color:#fff;}
  .dot{width:7px;height:7px;border-radius:50%;display:inline-block;}
  .status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;}

  /* ===== НАВИГАЦИЯ ===== */
  .crumbs{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.07em;text-transform:uppercase;color:var(--color-muted);display:flex;align-items:center;flex-wrap:wrap;gap:9px;}
  .crumbs a{color:var(--color-muted);text-decoration:none;}
  .crumbs a:hover{color:var(--color-primary);}
  .crumbs .sep{color:#d3ccc0;}
  .crumbs .current{color:var(--color-primary);}
  .pager{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);}
  .pager button{width:38px;height:38px;border:none;background:none;font-family:inherit;font-size:var(--text-sm);color:var(--color-secondary);cursor:pointer;border-radius:var(--radius-none);}
  .pager button:hover{background:#f1ede5;}
  .pager button.active{background:var(--color-primary);color:#fff;}
  .pager button.nav{width:auto;padding:0 14px;}
  .pager .ellipsis{color:#c2bbae;padding:0 6px;}

  /* ===== ИКОНКИ / АВАТАРЫ ===== */
  .icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);color:var(--color-secondary);font-family:var(--font-mono);font-size:18px;background:var(--color-surface);}
  .icon:hover{border-color:var(--color-primary);color:var(--color-primary);}
  .avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;background:var(--color-primary);overflow:hidden;flex-shrink:0;}
  .avatar--accent{background:var(--color-accent);}
  .avatar--ghost{background:#efe9df;color:var(--color-secondary);}
  .avatar--sq{border-radius:var(--radius-none);}

  /* ===== АЛЕРТЫ ===== */
  .alert{display:flex;gap:13px;padding:14px 16px;border:1px solid var(--color-line);border-left-width:3px;background:var(--color-surface);font-size:var(--text-sm);line-height:1.5;align-items:flex-start;}
  .alert .ico{font-family:var(--font-mono);font-weight:600;flex-shrink:0;font-size:15px;line-height:1.4;}
  .alert strong{display:block;font-size:var(--text-base);margin-bottom:2px;}
  .alert--info{border-left-color:var(--color-primary);}
  .alert--info .ico{color:var(--color-primary);}
  .alert--success{border-left-color:var(--color-success);}
  .alert--success .ico{color:var(--color-success);}
  .alert--warning{border-left-color:var(--color-warning);}
  .alert--warning .ico{color:var(--color-warning);}
  .alert--error{border-left-color:var(--color-error);}
  .alert--error .ico{color:var(--color-error);}

  /* ===== СЕТКА / УТИЛИТЫ ===== */
  .container{max-width:1440px;margin:0 auto;padding:0 var(--space-6);}
  .grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-3);}
  .flex{display:flex;}
  .flex-col{display:flex;flex-direction:column;}
  .items-center{align-items:center;}
  .justify-between{justify-content:space-between;}
  .gap-2{gap:var(--space-2);}
  .gap-4{gap:var(--space-4);}
  .wrap{flex-wrap:wrap;}

  /* ===== СЛУЖЕБНОЕ (страница системы) ===== */
  .demo{border:1px solid var(--color-line);background:var(--color-surface);padding:28px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;}
  .demo.col{flex-direction:column;align-items:stretch;}
  .snip{position:relative;background:#1a1815;padding-top:60px;}
  .snip pre{margin:0;padding:18px;overflow-x:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:#e7e1d6;white-space:pre;}
  .snip .tok{color:#c2bbae;}
  .copy-btn{position:absolute;top:8px;right:11px;height:44px;padding:0 11px;background:transparent;border:1px solid #4a443c;color:#cfc8bd;font-family:var(--font-mono);font-size:11px;cursor:pointer;border-radius:0;transition:.15s;}
  .copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent);}
  .block{margin-bottom:14px;}
  .swatch{display:flex;flex-direction:column;gap:8px;}
  .swatch .chip{height:64px;border:1px solid var(--color-line);}
  .scale-row{display:flex;align-items:baseline;gap:18px;padding:10px 0;border-bottom:1px solid var(--color-line);}
  .scale-row .name{font-family:var(--font-mono);font-size:12px;color:var(--color-muted);width:88px;flex-shrink:0;}
  .scale-row .val{font-family:var(--font-mono);font-size:12px;color:var(--color-secondary);margin-left:auto;}

  @media(max-width:880px){
    .ds-sidebar{display:none !important;}
    .ds-main{padding:0 20px 80px !important;}
    .ds-grid-3{grid-template-columns:1fr 1fr !important;}
    .ds-grid-4{grid-template-columns:1fr 1fr !important;}
    .ds-topbar-search{display:none !important;}
  }
  @media(max-width:560px){
    .ds-grid-3,.ds-grid-4{grid-template-columns:1fr !important;}
    .demo{padding:18px !important;}
  }

/* End */


/* Start:/local/templates/vipel/assets/css/template.css?17903515906909*/
.vipel-site-shell { min-height: 100vh; display: flex; flex-direction: column; }
.vipel-content { flex: 1; }
.vipel-header { position: relative; z-index: var(--vipel-z-header); border-bottom: 1px solid var(--vipel-color-border); background: var(--vipel-color-bg); }
.vipel-header__inner { min-height: 5rem; display: flex; align-items: center; gap: var(--vipel-space-6); }
.vipel-brand { display: inline-flex; align-items: baseline; flex-shrink: 0; gap: .5625rem; color: inherit; text-decoration: none; }
.vipel-brand__name { font-size: 1.4375rem; font-weight: var(--vipel-weight-extrabold); letter-spacing: -.03em; }
.vipel-brand__descriptor { color: var(--vipel-color-muted); font-family: var(--vipel-font-mono); font-size: var(--vipel-font-size-xs); letter-spacing: .02em; }
.vipel-search { display: flex; align-items: center; gap: var(--vipel-space-3); min-height: 3rem; border: 1px solid var(--vipel-color-border-strong); background: var(--vipel-color-surface); padding: 0 1.125rem; }
.vipel-search--header { flex: 1; max-width: 37.5rem; }
.vipel-search__icon, .vipel-search__hint { color: var(--vipel-color-muted); font-family: var(--vipel-font-mono); }
.vipel-search__icon { font-size: 1rem; }
.vipel-search__hint { border: 1px solid var(--vipel-color-border); padding: .125rem .375rem; font-size: var(--vipel-font-size-xs); }
.vipel-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--vipel-color-text); font-size: var(--vipel-font-size-base); }
.vipel-search input::placeholder { color: var(--vipel-color-muted); opacity: 1; }
.vipel-header__actions { display: flex; flex-shrink: 0; flex-direction: column; align-items: flex-end; gap: .4375rem; margin-left: auto; }
.vipel-header__contact { color: var(--vipel-color-muted); font-family: var(--vipel-font-mono); font-size: var(--vipel-font-size-xs); }
.vipel-header__links { display: flex; align-items: center; gap: 1.25rem; font-size: .84375rem; }
.vipel-header__links a { color: var(--vipel-color-secondary); text-decoration: none; transition: color var(--vipel-transition-fast); }
.vipel-header__links a:hover, .vipel-header__links a:focus-visible { color: var(--vipel-color-text); }
.vipel-header__links .vipel-header__cart { color: var(--vipel-color-accent); font-weight: var(--vipel-weight-semibold); }
.vipel-nav { border-top: 1px solid var(--vipel-color-line); }
.vipel-nav .vipel-container { display: flex; align-items: center; gap: 1.5rem; min-height: 2.75rem; }
.vipel-nav a { color: var(--vipel-color-secondary); font-size: var(--vipel-font-size-sm); text-decoration: none; }
.vipel-nav a:hover, .vipel-nav a:focus-visible { color: var(--vipel-color-accent); }
.vipel-menu-toggle { display: none; }
.vipel-footer { margin-top: var(--vipel-space-8); border-top: 1px solid var(--vipel-color-border); background: var(--vipel-color-dark); color: #fff; }
.vipel-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: var(--vipel-space-7); padding-block: var(--vipel-space-7); }
.vipel-brand--footer { color: #fff; }
.vipel-footer__heading { margin: 0 0 var(--vipel-space-3); font-size: var(--vipel-font-size-sm); font-weight: var(--vipel-weight-semibold); }
.vipel-footer__muted { max-width: 28rem; margin: var(--vipel-space-3) 0 0; color: #cfc8bd; font-size: var(--vipel-font-size-sm); }
.vipel-footer__links { display: grid; gap: var(--vipel-space-2); }
.vipel-footer__links a { color: #cfc8bd; font-size: var(--vipel-font-size-sm); text-decoration: none; }
.vipel-footer__links a:hover, .vipel-footer__links a:focus-visible { color: #fff; }
.vipel-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: var(--vipel-space-4); border-top: 1px solid #4a443c; padding-block: var(--vipel-space-3); color: #cfc8bd; font-size: var(--vipel-font-size-xs); }
.vipel-footer__mono { font-family: var(--vipel-font-mono); }

@media (max-width: 56rem) {
  .vipel-header__inner { flex-wrap: wrap; gap: var(--vipel-space-4); padding-block: var(--vipel-space-4); }
  .vipel-search--header { order: 3; flex-basis: 100%; max-width: none; }
  .vipel-nav--desktop { display: none; }
  .vipel-menu-toggle { display: inline-flex; align-items: center; gap: .5rem; margin-left: auto; border: 1px solid var(--vipel-color-border-strong); background: transparent; padding: .5rem .75rem; cursor: pointer; color: var(--vipel-color-text); font-size: var(--vipel-font-size-sm); }
  .vipel-header__actions { margin-left: 0; }
  .vipel-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 40rem) {
  .vipel-brand__descriptor { display: none; }
  .vipel-header__actions { display: none; }
  .vipel-footer__grid { grid-template-columns: 1fr; gap: var(--vipel-space-5); }
  .vipel-footer__bottom { align-items: flex-start; flex-direction: column; }
}

/* Shared off-canvas navigation; dialog uses the browser top layer. */
.vipel-site.vipel-drawer-open { position: fixed; top: var(--vipel-scroll-offset, 0); width: calc(100% - var(--vipel-scrollbar-width, 0px)); overflow: hidden; }
.vipel-drawer {
  box-sizing: border-box;
  position: fixed;
  inset: 0 auto 0 0;
  margin: 0;
  width: min(360px, calc(100vw - 32px));
  max-width: none;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  padding: 0;
  border: 0;
  border-right: 1px solid var(--vipel-color-border);
  background: var(--vipel-color-bg);
  color: var(--vipel-color-text);
  box-shadow: 12px 0 40px rgb(0 0 0 / 16%);
  overflow: hidden;
}
.vipel-drawer:not([open]) { display: none; }
.vipel-drawer[open] { display: flex; flex-direction: column; animation: vipel-drawer-enter 220ms ease-out; }
.vipel-drawer::backdrop { background: rgb(25 22 18 / 48%); }
.vipel-drawer__header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: max(16px, env(safe-area-inset-top)) 16px 16px max(16px, env(safe-area-inset-left));
  border-bottom: 1px solid var(--vipel-color-border);
}
.vipel-drawer .vipel-drawer__title { margin: 0; min-width: 0; font: inherit; font-size: 18px; font-weight: 600; line-height: 1.3; }
.vipel-drawer__close { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; border: 1px solid var(--vipel-color-border-strong); background: transparent; color: inherit; font: inherit; font-size: 28px; cursor: pointer; }
.vipel-drawer__body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 8px 16px max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
.vipel-drawer .vipel-nav { border-top: 0; }
.vipel-drawer .vipel-nav a { display: flex; align-items: center; min-height: 52px; border-bottom: 1px solid var(--vipel-color-line); font-size: 16px; }
.vipel-categories-toggle { display: none; }
@keyframes vipel-drawer-enter { from { transform: translateX(-100%); } to { transform: translateX(0); } }

/* End */


/* Start:/local/templates/vipel/assets/css/layout.css?179035159075034*/
/* Extracted source declarations. Responsive rules live in responsive.css. */
.vipel-layout .source-style-101b5e122 { font-family: 'Onest', system-ui, sans-serif; color: #1a1815; background: #fcfbf9; min-height: 100vh; -webkit-font-smoothing: antialiased; }
.vipel-layout .source-style-94d3a1f22 { max-width: 1440px; margin: 0 auto; padding: 14px 32px 0; }
.vipel-layout .source-style-b05b11f68 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.07em; text-transform: uppercase; color: #a59f95; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.vipel-layout .source-style-c16ebfd81 { color: #a59f95; text-decoration: none; }
.vipel-layout .source-style-28515d3b1 { color: #d3ccc0; }
.vipel-layout .source-style-b9e4fdcf8 { color: #1a1815; }
.vipel-layout .source-style-a105b147c { max-width: 1440px; margin: 0 auto; padding: 0 32px; }
.vipel-layout .source-style-ac3ce1cfc { padding: 40px 0 48px; border-bottom: 1px solid #1a1815; }
.vipel-layout .source-style-29e59f94c { display: grid; grid-template-columns: 1.35fr 1fr; gap: 64px; align-items: end; }
.vipel-layout .source-style-15e5aadc6 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #a59f95; margin-bottom: 18px; }
.vipel-layout .source-style-6de82a5f7 { font-size: 56px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.0; margin: 0; }
.vipel-layout .source-style-bd710c201 { font-size: 17px; line-height: 1.6; color: #56514a; margin: 24px 0 0; max-width: 580px; }
.vipel-layout .source-style-11bc5e28d { display: flex; gap: 14px; margin-top: 30px; flex-wrap: wrap; }
.vipel-layout .source-style-120f5c5a4 { height: 48px; padding: 0 26px; background: #1a1815; color: #fff; font-size: 15px; font-weight: 600; display: inline-flex; align-items: center; text-decoration: none; }
.vipel-layout .source-style-df7aaa73a { height: 48px; padding: 0 26px; background: transparent; border: 1px solid #d9d3ca; color: #1a1815; font-size: 15px; font-weight: 600; display: inline-flex; align-items: center; text-decoration: none; }
.vipel-layout .source-style-654f186b1 { aspect-ratio: 4 / 3; background-image: repeating-linear-gradient(45deg, #f1ede5 0 8px, #e9e4da 8px 16px); display: flex; align-items: center; justify-content: center; }
.vipel-layout .source-style-c64fcb729 { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #9a948b; }
.vipel-layout .source-style-738738afd { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid #ece8e1; }
.vipel-layout .source-style-6cd43f5f7 { padding: 40px 32px 40px 0; border-right: 1px solid #ece8e1; }
.vipel-layout .source-style-d50b2b948 { font-size: 46px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; }
.vipel-layout .source-style-34cbabae7 { font-family: 'JetBrains Mono', monospace; font-size: 12.5px; color: #76716a; margin-top: 12px; line-height: 1.5; }
.vipel-layout .source-style-496a55ff8 { padding: 40px 32px; border-right: 1px solid #ece8e1; }
.vipel-layout .source-style-b117df706 { padding: 40px 0 40px 32px; }
.vipel-layout .source-style-bd6ae6bf2 { font-size: 46px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; color: #d9481c; }
.vipel-layout .source-style-bff19b167 { display: grid; grid-template-columns: 280px 1fr; gap: 64px; padding: 72px 0; border-bottom: 1px solid #ece8e1; }
.vipel-layout .source-style-83e74471e { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #a59f95; }
.vipel-layout .source-style-9804d5f8c { font-size: 34px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.15; margin: 0; max-width: 760px; }
.vipel-layout .source-style-c4c229095 { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 36px; max-width: 820px; }
.vipel-layout .source-style-257c25fd6 { font-size: 15.5px; line-height: 1.7; color: #56514a; margin: 0; }
.vipel-layout .source-style-16ba023c8 { display: flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; }
.vipel-layout .source-style-ed63dac78 { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #56514a; border: 1px solid #d9d3ca; padding: 7px 13px; }
.vipel-layout .source-style-2cfcfa10f { font-size: 30px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; margin: 16px 0 0; }
.vipel-layout .source-style-76d5a4181 { border-top: 1px solid #ece8e1; }
.vipel-layout .source-style-91fb87d29 { display: grid; grid-template-columns: 120px 1fr; gap: 32px; padding: 24px 0; border-bottom: 1px solid #ece8e1; }
.vipel-layout .source-style-a9bc13853 { font-family: 'JetBrains Mono', monospace; font-size: 22px; font-weight: 700; color: #d9481c; letter-spacing: -0.01em; }
.vipel-layout .source-style-213b1aac9 { font-size: 18px; font-weight: 700; letter-spacing: -0.01em; }
.vipel-layout .source-style-d92943e14 { font-size: 14.5px; line-height: 1.6; color: #76716a; margin: 7px 0 0; max-width: 620px; }
.vipel-layout .source-style-6bee73b2a { font-family: 'JetBrains Mono', monospace; font-size: 22px; font-weight: 700; color: #1a1815; letter-spacing: -0.01em; }
.vipel-layout .source-style-27f408878 { display: grid; grid-template-columns: 120px 1fr; gap: 32px; padding: 24px 0; }
.vipel-layout .source-style-ea853cb35 { padding: 72px 0; border-bottom: 1px solid #ece8e1; }
.vipel-layout .source-style-1c8d8f314 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #a59f95; margin-bottom: 14px; }
.vipel-layout .source-style-2fe13460b { font-size: 34px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; margin: 0 0 44px; max-width: 680px; }
.vipel-layout .source-style-41b5015b5 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid #1a1815; }
.vipel-layout .source-style-bbfb21d72 { padding: 30px 26px 34px 0; border-right: 1px solid #ece8e1; }
.vipel-layout .source-style-836af4b6e { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #d9481c; margin-bottom: 18px; }
.vipel-layout .source-style-60a23592e { font-size: 19px; font-weight: 700; letter-spacing: -0.015em; margin-bottom: 10px; }
.vipel-layout .source-style-6dddbd5cc { font-size: 14px; line-height: 1.6; color: #76716a; margin: 0; }
.vipel-layout .source-style-eba7db519 { padding: 30px 26px 34px; border-right: 1px solid #ece8e1; }
.vipel-layout .source-style-23767f0ab { padding: 30px 0 34px 26px; }
.vipel-layout .source-style-e3da8be3a { background: #1a1815; color: #faf7f2; }
.vipel-layout .source-style-13d4667b9 { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; padding: 80px 0; align-items: center; }
.vipel-layout .source-style-040e6d235 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #d9481c; margin-bottom: 18px; }
.vipel-layout .source-style-685a69d24 { font-size: 36px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; margin: 0; color: #faf7f2; }
.vipel-layout .source-style-b05b9569b { font-size: 15.5px; line-height: 1.7; color: #b3ada2; margin: 22px 0 0; max-width: 520px; }
.vipel-layout .source-style-16de2e44f { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 40px; }
.vipel-layout .source-style-c65e83cd4 { border-top: 1px solid #34302a; padding-top: 16px; }
.vipel-layout .source-style-fe8f48056 { font-size: 30px; font-weight: 800; letter-spacing: -0.02em; }
.vipel-layout .source-style-f6a2979c3 { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #8b857b; margin-top: 6px; }
.vipel-layout .source-style-de5b86281 { aspect-ratio: 1 / 1; background-image: repeating-linear-gradient(45deg, #232019 0 9px, #1f1c16 9px 18px); display: flex; align-items: center; justify-content: center; border: 1px solid #34302a; }
.vipel-layout .source-style-a899baa27 { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #6f6a60; }
.vipel-layout .source-style-b95c42b0f { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; margin-bottom: 36px; }
.vipel-layout .source-style-0ebe2bf0e { font-size: 30px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; margin: 0; }
.vipel-layout .source-style-db6ba8b9c { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #56514a; text-decoration: none; border-bottom: 1px solid #d9d3ca; padding-bottom: 3px; }
.vipel-layout .source-style-f6221f29c { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.vipel-layout .source-style-184527caf { border: 1px solid #ece8e1; background: #fff; padding: 24px; }
.vipel-layout .source-style-501fcb941 { aspect-ratio: 3 / 4; background-image: repeating-linear-gradient(45deg, #f1ede5 0 7px, #e9e4da 7px 14px); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.vipel-layout .source-style-2c551f185 { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #9a948b; }
.vipel-layout .source-style-057cce52b { font-size: 15px; font-weight: 700; letter-spacing: -0.01em; }
.vipel-layout .source-style-ae76148dd { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: #a59f95; margin-top: 5px; }
.vipel-layout .source-style-f332a0fc8 { font-size: 34px; font-weight: 800; letter-spacing: -0.025em; line-height: 1.1; margin: 0 0 10px; max-width: 680px; }
.vipel-layout .source-style-f5531afb5 { font-size: 15.5px; line-height: 1.65; color: #56514a; margin: 0 0 44px; max-width: 600px; }
.vipel-layout .source-style-3ce6fb8ab { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.vipel-layout .source-style-592ffcf76 { aspect-ratio: 1 / 1; background-image: repeating-linear-gradient(45deg, #f1ede5 0 7px, #e9e4da 7px 14px); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.vipel-layout .source-style-4357ab76c { font-size: 17px; font-weight: 700; letter-spacing: -0.01em; }
.vipel-layout .source-style-7aa44a20a { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #76716a; margin-top: 5px; }
.vipel-layout .source-style-ede726389 { font-size: 13.5px; line-height: 1.55; color: #a59f95; margin: 10px 0 0; }
.vipel-layout .source-style-32933d91f { padding: 80px 0; }
.vipel-layout .source-style-666beb2b2 { border: 1px solid #1a1815; padding: 56px 56px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 56px; align-items: center; }
.vipel-layout .source-style-d64b3525b { font-size: 38px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; margin: 0; }
.vipel-layout .source-style-8bae6aa7c { font-size: 16px; line-height: 1.6; color: #56514a; margin: 18px 0 0; max-width: 520px; }
.vipel-layout .source-style-ea13a6f58 { border-left: 1px solid #ece8e1; padding-left: 56px; }
.vipel-layout .source-style-56ed29e1e { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #a59f95; margin-bottom: 16px; }
.vipel-layout .source-style-9b89e763d { display: block; font-size: 28px; font-weight: 800; color: #1a1815; text-decoration: none; letter-spacing: -0.02em; }
.vipel-layout .source-style-7741e8360 { display: inline-block; margin-top: 10px; font-family: 'JetBrains Mono', monospace; font-size: 14px; color: #56514a; text-decoration: none; }
.vipel-layout .source-style-67131611c { font-size: 14px; line-height: 1.6; color: #76716a; margin-top: 20px; }
.vipel-layout .source-style-0ea9682ec { background: #1a1815; color: #cfc8bd; }
.vipel-layout .source-style-2be6957c0 { max-width: 1440px; margin: 0 auto; padding: 56px 32px 28px; }
.vipel-layout .source-style-d334a10e0 { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.3fr; gap: 40px; }
.vipel-layout .source-style-3928270ff { display: flex; align-items: baseline; gap: 8px; margin-bottom: 16px; }
.vipel-layout .source-style-309cc4907 { font-weight: 800; font-size: 20px; letter-spacing: -0.03em; color: #faf7f2; }
.vipel-layout .source-style-272c49dde { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: #d9481c; }
.vipel-layout .source-style-11c383c8a { font-size: 13px; line-height: 1.6; color: #8b857b; max-width: 270px; }
.vipel-layout .source-style-e6637ee28 { display: flex; gap: 8px; margin-top: 22px; }
.vipel-layout .source-style-38050514b { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #8b857b; border: 1px solid #34302a; padding: 5px 10px; }
.vipel-layout .source-style-2632e0816 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #7d776c; margin-bottom: 16px; }
.vipel-layout .source-style-6ad687df8 { display: flex; flex-direction: column; gap: 9px; }
.vipel-layout .source-style-14c1befdf { color: #cfc8bd; text-decoration: none; font-size: 13.5px; }
.vipel-layout .source-style-2a552e048 { color: #d9481c; text-decoration: none; font-size: 13.5px; font-weight: 600; }
.vipel-layout .source-style-a9833222d { display: block; font-size: 21px; font-weight: 700; color: #faf7f2; text-decoration: none; letter-spacing: -0.01em; }
.vipel-layout .source-style-89c87fd7a { display: inline-block; margin-top: 8px; font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #cfc8bd; text-decoration: none; }
.vipel-layout .source-style-67038b798 { font-size: 13px; line-height: 1.6; color: #8b857b; margin-top: 14px; }
.vipel-layout .source-style-5f7346671 { margin-top: 18px; height: 40px; padding: 0 20px; background: transparent; border: 1px solid #4a443c; color: #faf7f2; font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.vipel-layout .source-style-9eb75b52a { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin-top: 48px; padding-top: 22px; border-top: 1px solid #2e2a24; }
.vipel-layout .source-style-78e1d36fe { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: #6f6a60; }
.vipel-layout .source-style-511aa21b4 { display: flex; align-items: center; gap: 16px; font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: #8b857b; }
.vipel-layout .source-style-06afd0545 { border: 1px solid #34302a; padding: 4px 9px; }
.vipel-layout .source-style-ae47fb13e { display: flex; gap: 22px; font-size: 12.5px; }
.vipel-layout .source-style-51b97c4f1 { color: #8b857b; text-decoration: none; }
.vipel-layout .source-style-309bb1652 { padding: 30px 0 26px; border-bottom: 1px solid #1a1815; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.vipel-layout .source-style-e38303421 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #a59f95; margin-bottom: 12px; }
.vipel-layout .source-style-f957cd71f { font-size: 44px; font-weight: 800; letter-spacing: -0.03em; margin: 0; line-height: 1.02; }
.vipel-layout .source-style-429febaec { font-size: 16px; line-height: 1.55; color: #56514a; margin: 14px 0 0; max-width: 560px; }
.vipel-layout .source-style-cb6fb1bb8 { display: flex; flex-direction: column; gap: 8px; font-size: 12px; color: var(--vipel-color-secondary); text-align: right; line-height: 1.5; }
.vipel-layout .blog-summary-count { display: flex; justify-content: flex-end; align-items: baseline; gap: 8px; font-size: 16px; color: var(--vipel-color-text); }
.vipel-layout .source-style-a107e9e2f { font-size: 24px; font-weight: 700; color: var(--vipel-color-text); letter-spacing: -0.02em; line-height: 1; }
.vipel-layout .source-style-be84f4dfc { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; padding: 16px 0; border-bottom: 1px solid #ece8e1; font-size: 13.5px; }
.vipel-layout .source-style-5dec8c653 { text-decoration: none; color: #1a1815; font-weight: 700; border-bottom: 2px solid #d9481c; padding-bottom: 4px; }
.vipel-layout .source-style-a4efc81b9 { text-decoration: none; color: #76716a; padding-bottom: 4px; border-bottom: 2px solid transparent; }
.vipel-layout .source-style-7437416dd { max-width: 1440px; margin: 0 auto; padding: 0 32px; display: flex; gap: 56px; align-items: flex-start; }
.vipel-layout .source-style-31aa70db0 { flex: 1; min-width: 0; padding: 36px 0 80px; }
.vipel-layout .source-style-8b141922b { border: 1px solid #ece8e1; background: #fff; display: flex; gap: 0; margin-bottom: 40px; }
.vipel-layout .source-style-e198f1c71 { width: 360px; flex-shrink: 0; background-image: repeating-linear-gradient(45deg, #f1ede5 0 7px, #e9e4da 7px 14px); display: flex; align-items: center; justify-content: center; text-decoration: none; }
.vipel-layout .source-style-590cbd12d { flex: 1; min-width: 0; padding: 34px 38px; }
.vipel-layout .source-style-c44215d57 { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.vipel-layout .source-style-5c923e6a2 { display: inline-flex; align-items: center; font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; background: #1a1815; padding: 4px 9px; }
.vipel-layout .source-style-fb9a7dcb9 { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #a59f95; }
.vipel-layout .source-style-0eaba40a3 { font-size: 28px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; margin: 0; }
.vipel-layout .source-style-218c6bcfe { color: #1a1815; text-decoration: none; }
.vipel-layout .source-style-d8768ed29 { font-size: 15.5px; line-height: 1.65; color: #56514a; margin: 16px 0 0; max-width: 560px; }
.vipel-layout .source-style-9d83f7b6d { display: flex; align-items: center; gap: 12px; margin-top: 24px; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #a59f95; }
.vipel-layout .source-style-ae6042246 { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #1a1815; color: #fff; font-size: 11px; font-weight: 700; }
.vipel-layout .source-style-e501e349c { color: #56514a; }
.vipel-layout .source-style-c91a08f43 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #a59f95; margin-bottom: 4px; }
.vipel-layout .source-style-aacf59189 { display: flex; gap: 28px; padding: 30px 0; border-bottom: 1px solid #ece8e1; align-items: flex-start; }
.vipel-layout .source-style-787cdfa47 { width: 196px; height: 132px; flex-shrink: 0; background-image: repeating-linear-gradient(45deg, #f1ede5 0 7px, #e9e4da 7px 14px); display: flex; align-items: center; justify-content: center; text-decoration: none; }
.vipel-layout .source-style-15fa32aeb { flex: 1; min-width: 0; }
.vipel-layout .source-style-d057b382a { display: flex; align-items: center; gap: 12px; margin-bottom: 11px; font-family: 'JetBrains Mono', monospace; font-size: 11.5px; }
.vipel-layout .source-style-be6bf24b1 { border: 1px solid #d9d3ca; color: #56514a; padding: 3px 8px; letter-spacing: 0.02em; }
.vipel-layout .source-style-667d24b5e { color: #a59f95; }
.vipel-layout .source-style-c70520fc9 { font-size: 21px; font-weight: 700; letter-spacing: -0.015em; line-height: 1.25; margin: 0 0 9px; }
.vipel-layout .source-style-c5a3b6ff9 { font-size: 14.5px; line-height: 1.6; color: #76716a; margin: 0; max-width: 640px; }
.vipel-layout .source-style-2c7deed1b { margin-top: 14px; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #a59f95; }
.vipel-layout .source-style-da6a7e4b0 { display: flex; justify-content: center; margin-top: 40px; }
.vipel-layout button.source-style-91ce3aeb3 { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; height: auto; padding: 12px 30px; background: transparent; border: 1px solid #d9d3ca; color: #1a1815; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.vipel-layout .source-style-09728eb3e { width: 320px; flex-shrink: 0; padding: 36px 0 80px; position: sticky; top: 16px; align-self: flex-start; }
.vipel-layout .source-style-5243e7e3a { border-top: 2px solid #1a1815; padding-top: 16px; }
.vipel-layout .source-style-4acfbc8f3 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #1a1815; font-weight: 600; margin-bottom: 18px; }
.vipel-layout .source-style-7fc750e99 { display: flex; gap: 16px; padding: 14px 0; border-bottom: 1px solid #ece8e1; text-decoration: none; color: inherit; }
.vipel-layout .source-style-98ee79f1c { font-family: 'JetBrains Mono', monospace; font-size: 20px; font-weight: 700; color: #d9481c; line-height: 1; flex-shrink: 0; width: 26px; }
.vipel-layout .source-style-61dcba432 { font-size: 14.5px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; }
.vipel-layout .source-style-c169828b3 { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #a59f95; margin-top: 6px; }
.vipel-layout .source-style-d959b5000 { font-family: 'JetBrains Mono', monospace; font-size: 20px; font-weight: 700; color: #1a1815; line-height: 1; flex-shrink: 0; width: 26px; }
.vipel-layout .source-style-42113363c { display: flex; gap: 16px; padding: 14px 0; text-decoration: none; color: inherit; }
.vipel-layout .source-style-eddf5c86b { background: #1a1815; color: #faf7f2; padding: 26px 24px; margin-top: 36px; }
.vipel-layout .source-style-0b6271225 { font-size: 17px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.3; }
.vipel-layout .source-style-8d1b43825 { font-size: 13px; line-height: 1.55; color: #b3ada2; margin: 10px 0 18px; }
.vipel-layout .source-style-9066e6043 { width: 100%; height: 42px; border: 1px solid #4a443c; background: #14110e; color: #faf7f2; padding: 0 14px; font-size: 14px; outline: none; margin-bottom: 10px; }
.vipel-layout .source-style-52b3179dc { width: 100%; height: 42px; background: #d9481c; border: none; color: #fff; font-family: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.vipel-layout .source-style-117509775 { background: #1a1815; color: #cfc8bd; margin-top: 40px; }
.vipel-layout .source-style-3f0a9fe73 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.07em; text-transform: uppercase; color: #a59f95; display: flex; align-items: center; gap: 9px; }
.vipel-layout .source-style-3a7f43228 { max-width: 1440px; margin: 0 auto; padding: 22px 32px 0; }
.vipel-layout .source-style-2c65d389a { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; border-bottom: 1px solid #1a1815; padding-bottom: 20px; }
.vipel-layout .source-style-1903e588a { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #a59f95; margin-bottom: 10px; }
.vipel-layout .source-style-4464fb9a2 { font-size: 38px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.04; margin: 0; }
.vipel-layout .source-style-5bc4b0766 { display: flex; gap: 28px; font-family: 'JetBrains Mono', monospace; padding-bottom: 3px; }
.vipel-layout .source-style-2bd283f4b { font-size: 22px; font-weight: 700; color: #1a1815; font-family: 'Onest', sans-serif; letter-spacing: -0.02em; }
.vipel-layout .source-style-d9efae104 { font-size: 11px; color: #a59f95; margin-top: 3px; }
.vipel-layout .source-style-db50d078e { width: 1px; background: #ece8e1; }
.vipel-layout .source-style-0195d0919 { max-width: 1440px; margin: 0 auto; padding: 28px 32px 0; }
.vipel-layout .source-style-9ddfc1f33 { background: #fff; padding: 24px 24px 20px; display: flex; flex-direction: column; }
.vipel-layout .source-style-59f402508 { display: flex; align-items: center; gap: 13px; text-decoration: none; color: #1a1815; padding-bottom: 15px; margin-bottom: 13px; border-bottom: 1px solid #ece8e1; }
.vipel-layout .source-style-c1f1d6390 { flex: 1; font-size: 18px; font-weight: 700; letter-spacing: -0.015em; }
.vipel-layout .source-style-775e70865 { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: #a59f95; }
.vipel-layout .source-style-dcd2986d2 { display: flex; flex-direction: column; flex: 1; }
.vipel-layout .source-style-5db81c1d0 { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 6px 0; text-decoration: none; font-size: 13.5px; color: #56514a; }
.vipel-layout .source-style-6e35c6cac { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #b3ada2; }
.vipel-layout .source-style-813abb5a2 { margin-top: 14px; font-size: 12.5px; color: #d9481c; text-decoration: none; }
.vipel-layout .source-style-39c4b1e9f { background: #1a1815; color: #faf7f2; padding: 26px 24px; display: flex; flex-direction: column; justify-content: center; }
.vipel-layout .source-style-44ba411a2 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #d9481c; margin-bottom: 12px; }
.vipel-layout .source-style-cc7d6fbcc { font-size: 21px; font-weight: 700; letter-spacing: -0.015em; line-height: 1.18; margin: 0 0 10px; }
.vipel-layout .source-style-ee13cd6aa { font-size: 13px; line-height: 1.55; color: #b8b1a6; margin: 0 0 20px; }
.vipel-layout .source-style-9a9a7a808 { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 44px; padding: 0 22px; background: #d9481c; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; align-self: flex-end; }
.vipel-layout .source-style-0ee24d0b8 { font-family: 'JetBrains Mono', monospace; font-size: 12px; }
.vipel-layout .source-style-f61c09133 { background: #1a1815; color: #cfc8bd; margin-top: 56px; }
.vipel-layout .source-style-64714525a { max-width: 1440px; margin: 0 auto; padding: 0 32px; display: flex; gap: 44px; align-items: flex-start; }
.vipel-layout .source-style-cbfe6fd11 { width: 256px; flex-shrink: 0; padding: 28px 0 80px; position: sticky; top: 16px; align-self: flex-start; }
.vipel-layout .source-style-a40bf7b2b { display: flex; align-items: center; gap: 9px; border: 1px solid #d9d3ca; background: #fff; min-height: 48px; padding: 0 12px; margin-bottom: 10px; }
.vipel-layout .source-style-9a7553ef0 { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #b3ada2; }
.vipel-layout .source-style-a31aba016 { flex: 1; border: none; outline: none; background: transparent; font-size: 13px; color: #1a1815; }
.vipel-layout .source-style-312cf0b74 { max-height: 44vh; overflow-y: auto; margin: 0 -8px; padding: 2px 8px; }
.vipel-layout .source-style-e1138fe2f { flex: 1; display: flex; align-items: center; gap: 9px; min-width: 0; cursor: pointer; }
.vipel-layout .source-style-eb8aa37c5 { font-size: 13px; color: #a59f95; padding: 12px 4px; }
.vipel-layout .source-style-99b403ac1 { display: flex; align-items: baseline; justify-content: space-between; margin: 30px 0 6px; }
.vipel-layout .source-style-a543bf2cf { font-size: 12px; color: #d9481c; text-decoration: none; }
.vipel-layout .source-style-3ca7b798b { margin: 0 -8px; padding: 0 8px; }
.vipel-layout .source-style-7cc3c7d77 { border-top: 1px solid #ece8e1; padding: 16px 0 6px; }
.vipel-layout .source-style-40c8e9fb4 { font-size: 13.5px; font-weight: 600; color: #1a1815; margin-bottom: 12px; }
.vipel-layout .source-style-d4d303d7a { display: flex; gap: 10px; margin-bottom: 12px; }
.vipel-layout .source-style-4399aa117 { flex: 1; width: 0; height: 34px; border: none; border-bottom: 1.5px solid #d9d3ca; padding: 0 2px; font-size: 14px; outline: none; background: transparent; }
.vipel-layout .source-style-c37d2b897 { display: flex; flex-wrap: wrap; gap: 7px; }
.vipel-layout .source-style-39c47c4bd { font-family: 'JetBrains Mono', monospace; font-size: 12px; border: 1px solid #e0d9cd; padding: 4px 9px; color: #56514a; cursor: pointer; }
.vipel-layout .source-style-276cb15de { display: flex; flex-direction: column; gap: 4px; max-height: 172px; overflow-y: auto; margin-right: -8px; padding-right: 8px; }
.vipel-layout .source-style-636f5c905 { display: flex; align-items: center; gap: 11px; padding: 4px 0; cursor: pointer; font-size: 13.5px; color: #2c2924; }
.vipel-layout .source-style-ee3d55bf9 { flex: 1; }
.vipel-layout .source-style-39d905cfa { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: #b3ada2; }
.vipel-layout .source-style-a73f4263f { flex: 1; min-width: 0; padding: 28px 0 80px; }
.vipel-layout .source-style-d08fee669 { font-size: 34px; font-weight: 800; letter-spacing: -0.025em; margin: 0 0 8px; line-height: 1.05; }
.vipel-layout .source-style-00c41bb32 { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #76716a; margin-bottom: 24px; }
.vipel-layout .source-style-d4737d8f8 { margin-bottom: 38px; }
.vipel-layout .source-style-6fbe7aac8 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border: 1px solid #ece8e1; background-color: #f4f2ef; }
.vipel-layout .source-style-13e383dbf { background: #fcfbf9; padding: 16px 18px; cursor: pointer; display: flex; flex-direction: column; gap: 10px; min-height: 84px; }
.vipel-layout .source-style-457b3ce22 { font-size: 14.5px; font-weight: 600; color: #1a1815; line-height: 1.25; }
.vipel-layout .source-style-2a70212ec { margin-top: auto; display: flex; align-items: center; justify-content: space-between; }
.vipel-layout .source-style-44e1d5699 { color: #d9481c; font-size: 14px; }
.vipel-layout .source-style-e5a5d8e59 { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.vipel-layout .source-style-2aa9e0055 { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #1a1815; color: #1a1815; font-size: 12.5px; padding: 5px 11px; cursor: pointer; }
.vipel-layout .source-style-42acb60ee { font-weight: 700; }
.vipel-layout .source-style-65df7eea2 { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #1a1815; border-bottom: 1px solid #ece8e1; padding: 12px 2px; }
.vipel-layout .source-style-95f9cd3d3 { display: flex; align-items: center; gap: 12px; font-size: 13px; color: #76716a; }
.vipel-layout .source-style-b09d23169 { font-family: inherit; font-size: 13px; height: 32px; border: none; border-bottom: 1.5px solid #d9d3ca; padding: 0 18px 0 2px; background: transparent; color: #1a1815; font-weight: 600; outline: none; cursor: pointer; }
.vipel-layout .source-style-5ca088d81 { display: flex; align-items: center; gap: 22px; }
.vipel-layout .source-style-d48cc217f { display: flex; align-items: center; gap: 18px; }
.vipel-layout .source-style-fcc7b2b44 { display: flex; gap: 24px; padding: 24px 4px; border-bottom: 1px solid #ece8e1; align-items: flex-start; }
.vipel-layout .source-style-6853227b8 { width: 66px; height: 66px; flex-shrink: 0; background-image: repeating-linear-gradient(45deg, #f1ede5 0 6px, #e9e4da 6px 12px); display: flex; align-items: center; justify-content: center; }
.vipel-layout .source-style-9827f7698 { font-family: 'JetBrains Mono', monospace; font-size: 16px; font-weight: 600; color: #1a1815; text-decoration: none; }
.vipel-layout .source-style-b2ad0347e { font-size: 13px; color: #76716a; margin: 4px 0 11px; }
.vipel-layout .source-style-b11ab5931 { display: flex; flex-wrap: wrap; gap: 7px 26px; }
.vipel-layout .source-style-7526dcd5d { font-size: 12.5px; color: #56514a; }
.vipel-layout .source-style-6dd920db8 { font-family: 'JetBrains Mono', monospace; font-weight: 500; color: #1a1815; }
.vipel-layout .source-style-950db27c4 { display: inline-block; margin-top: 12px; font-size: 12.5px; color: #d9481c; text-decoration: none; }
.vipel-layout .source-style-422c9ac6c { width: 150px; flex-shrink: 0; padding-top: 2px; }
.vipel-layout .source-style-b67f3e8d9 { width: 172px; flex-shrink: 0; text-align: right; }
.vipel-layout .source-style-dba87fab4 { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; }
.vipel-layout .source-style-917916033 { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: #a59f95; margin: 3px 0 13px; }
.vipel-layout .source-style-55c4eee11 { display: flex; gap: 8px; justify-content: flex-end; }
.vipel-layout .source-style-7c1133ba0 { width: 50px; height: 38px; border: 1px solid #d9d3ca; text-align: center; font-size: 14px; outline: none; background: #fff; }
.vipel-layout .source-style-d18503dde { height: 38px; padding: 0 18px; background: #1a1815; border: none; color: #fff; font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.vipel-layout .source-style-ccef79e1c { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: #ece8e1; border: 1px solid #ece8e1; margin-top: -1px; }
.vipel-layout .source-style-e322a2313 { background: #fcfbf9; padding: 18px; display: flex; flex-direction: column; }
.vipel-layout .source-style-e03d1e580 { height: 116px; background-image: repeating-linear-gradient(45deg, #f1ede5 0 6px, #e9e4da 6px 12px); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.vipel-layout .source-style-ab8441380 { font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 600; color: #1a1815; text-decoration: none; overflow-wrap: anywhere; }
.vipel-layout .source-style-2793c9c30 { font-size: 12px; color: #76716a; margin: 5px 0 12px; min-height: 32px; }
.vipel-layout .source-style-c77204f0a { display: flex; flex-direction: column; gap: 4px; margin-bottom: 14px; }
.vipel-layout .source-style-0c8ffe2ee { font-size: 12px; color: #56514a; display: flex; justify-content: space-between; }
.vipel-layout .source-style-ac39e3445 { font-family: 'JetBrains Mono', monospace; font-weight: 500; }
.vipel-layout .source-style-9bcece491 { margin-top: auto; }
.vipel-layout .source-style-ac2cebc19 { font-size: 19px; font-weight: 700; margin-bottom: 12px; letter-spacing: -0.02em; }
.vipel-layout .source-style-0ef038ef6 { width: 100%; height: 38px; background: #1a1815; border: none; color: #fff; font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.vipel-layout .source-style-d5fad10b4 { display: flex; align-items: center; gap: 4px; margin-top: 34px; font-family: 'JetBrains Mono', monospace; }
.vipel-layout .source-style-d395fd944 { height: 38px; padding: 0 14px; border: none; background: none; font-family: inherit; font-size: 13px; color: #c2bbae; cursor: not-allowed; }
.vipel-layout .source-style-584c8a29a { width: 38px; height: 38px; border: none; background: #1a1815; color: #fff; font-family: inherit; font-size: 13px; cursor: pointer; }
.vipel-layout .source-style-a41e4bf19 { width: 38px; height: 38px; border: none; background: none; font-family: inherit; font-size: 13px; color: #56514a; cursor: pointer; }
.vipel-layout .source-style-bd489bdab { color: #c2bbae; padding: 0 6px; }
.vipel-layout .source-style-24b47aa5e { width: 44px; height: 38px; border: none; background: none; font-family: inherit; font-size: 13px; color: #56514a; cursor: pointer; }
.vipel-layout .source-style-acf31b80e { height: 38px; padding: 0 14px; border: none; background: none; font-family: inherit; font-size: 13px; color: #1a1815; cursor: pointer; }
.vipel-layout .source-style-3a1a63099 { display: flex; min-height: 100vh; align-items: flex-start; }
.vipel-layout .source-style-4a2a3fd86 { width: 248px; flex-shrink: 0; position: sticky; top: 0; height: 100vh; overflow-y: auto; border-right: 1px solid var(--color-border); padding: 26px 22px 60px; background: var(--color-bg); }
.vipel-layout .source-style-0534fc45b { display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.vipel-layout .source-style-9f1eee52b { font-weight: 800; font-size: 19px; letter-spacing: -.03em; }
.vipel-layout .source-style-35439bb3c { margin-bottom: 26px; }
.vipel-layout .source-style-32bee0594 { display: flex; flex-direction: column; gap: 2px; }
.vipel-layout .source-style-a905c1a70 { text-decoration: none; color: var(--color-secondary); font-size: 14px; padding: 7px 0; border-bottom: 1px solid var(--color-line); }
.vipel-layout .source-style-03110a3fc { font-family: var(--font-mono); font-size: 11px; color: var(--color-muted); margin-top: 30px; line-height: 1.7; }
.vipel-layout .source-style-173b1d45e { flex: 1; min-width: 0; padding: 0 56px 100px; max-width: 1080px; }
.vipel-layout .source-style-d528c0a13 { padding: 54px 0 40px; border-bottom: 1px solid var(--color-primary); }
.vipel-layout .source-style-3907588b8 { margin-bottom: 14px; }
.vipel-layout .source-style-815133aa8 { font-size: 48px; margin-bottom: 16px; }
.vipel-layout .source-style-03ff803ae { max-width: 560px; color: var(--color-secondary); }
.vipel-layout .source-style-8e54d233d { padding-top: 56px; }
.vipel-layout .source-style-0c460d052 { margin: 10px 0 28px; }
.vipel-layout .source-style-045aac899 { margin-bottom: 16px; }
.vipel-layout .source-style-039589650 { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; margin-bottom: 34px; }
.vipel-layout .source-style-d2ef82758 { background: #1a1815; }
.vipel-layout .source-style-41a41952d { font-size: 13px; font-weight: 600; }
.vipel-layout .source-style-a04faf707 { font-size: 11px; color: var(--color-muted); }
.vipel-layout .source-style-db727d80f { background: #56514a; }
.vipel-layout .source-style-2b74c7135 { background: #d9481c; }
.vipel-layout .source-style-59eef6c1e { background: #fcfbf9; }
.vipel-layout .source-style-5c487f620 { background: #ffffff; }
.vipel-layout .source-style-c55ad4498 { background: #a59f95; }
.vipel-layout .source-style-d7ee65e82 { background: #e7e3dc; }
.vipel-layout .source-style-563c9a3a9 { background: #2f7d4f; }
.vipel-layout .source-style-4feedf8e6 { margin-bottom: 6px; }
.vipel-layout .source-style-eb1dca5e7 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; margin-bottom: 34px; }
.vipel-layout .source-style-e9e0e4af6 { font-size: 11px; }
.vipel-layout .source-style-eefff2f8d { font-size: 13px; }
.vipel-layout .source-style-f112760eb { font-size: 15px; }
.vipel-layout .source-style-35868dad2 { font-size: 18px; }
.vipel-layout .source-style-253abc041 { font-size: 22px; }
.vipel-layout .source-style-264028a91 { font-size: 28px; }
.vipel-layout .source-style-e205af0c7 { font-size: 34px; }
.vipel-layout .source-style-ac1941bbb { font-size: 48px; }
.vipel-layout .source-style-f63d3fae2 { gap: 30px; align-items: flex-end; }
.vipel-layout .source-style-fad541f26 { display: flex; align-items: flex-end; gap: 10px; }
.vipel-layout .source-style-72a68ac34 { text-align: center; }
.vipel-layout .source-style-8003414be { width: 4px; height: 4px; background: #d9481c; margin: 0 auto 7px; }
.vipel-layout .source-style-390136e8d { font-size: 10px; color: var(--color-muted); }
.vipel-layout .source-style-522385fc5 { width: 8px; height: 8px; background: #d9481c; margin: 0 auto 7px; }
.vipel-layout .source-style-e2c09804a { width: 12px; height: 12px; background: #d9481c; margin: 0 auto 7px; }
.vipel-layout .source-style-a9dc08d03 { width: 16px; height: 16px; background: #d9481c; margin: 0 auto 7px; }
.vipel-layout .source-style-aa05d873b { width: 24px; height: 24px; background: #d9481c; margin: 0 auto 7px; }
.vipel-layout .source-style-740660c9e { width: 32px; height: 32px; background: #d9481c; margin: 0 auto 7px; }
.vipel-layout .source-style-b875769c4 { width: 48px; height: 48px; background: #d9481c; margin: 0 auto 7px; }
.vipel-layout .source-style-839c9e929 { display: flex; gap: 14px; }
.vipel-layout .source-style-24b7698aa { width: 54px; height: 48px; background: #fff; border: 1px solid #d9d3ca; border-radius: 0; }
.vipel-layout .source-style-75aa753a7 { width: 54px; height: 48px; background: #fff; border: 1px solid #d9d3ca; border-radius: 2px; }
.vipel-layout .source-style-b6f603eee { width: 54px; height: 48px; background: #fff; border: 1px solid #d9d3ca; border-radius: 4px; }
.vipel-layout .source-style-98727464d { display: flex; gap: 18px; }
.vipel-layout .source-style-457e328fa { width: 54px; height: 48px; background: #fff; box-shadow: var(--shadow-sm); }
.vipel-layout .source-style-7b445b9d0 { width: 54px; height: 48px; background: #fff; box-shadow: var(--shadow-md); }
.vipel-layout .source-style-b26aecebd { margin-top: 14px; }
.vipel-layout .source-style-e15a2bfc8 { padding-top: 64px; }
.vipel-layout .source-style-f192209a4 { gap: 16px; }
.vipel-layout .source-style-dc271cfe4 { max-width: 600px; }
.vipel-layout .source-style-520c061ab { margin-top: 14px; align-items: center; }
.vipel-layout .source-style-f67e90849 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.vipel-layout .source-style-d5b43342a { grid-column: 1 / -1; }
.vipel-layout .source-style-cf976156d { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 18px; align-items: stretch; }
.vipel-layout .source-style-2d98adf5c { margin-bottom: 10px; }
.vipel-layout .source-style-7f3cbaf64 { margin-bottom: 8px; }
.vipel-layout .source-style-44bf30868 { font-size: 12px; color: var(--color-secondary); margin: 5px 0 12px; }
.vipel-layout .source-style-5bfcbc673 { margin-bottom: 8px; color: var(--color-success); }
.vipel-layout .source-style-ba4c2ac54 { background: var(--color-success); }
.vipel-layout .source-style-f7c04a6d7 { font-size: 19px; font-weight: 700; margin-bottom: 12px; margin-top: auto; }
.vipel-layout .source-style-69d66e5b2 { width: 100%; }
.vipel-layout .source-style-5254b34c4 { color: var(--color-success); }
.vipel-layout .source-style-83e3fbf60 { color: var(--color-warning); }
.vipel-layout .source-style-beb2212fb { background: var(--color-warning); }
.vipel-layout .source-style-9bca4b1fb { color: var(--color-muted); }
.vipel-layout .source-style-fabe8d1e5 { background: var(--color-muted); }
.vipel-layout .source-style-72d6c38e5 { margin-bottom: 12px; }
.vipel-layout .source-style-a91aebbd4 { border: 1px solid var(--color-line); background: var(--color-surface); margin-bottom: 14px; }
.vipel-layout .source-style-78690a4aa { padding: 0 24px; height: 72px; display: flex; align-items: center; gap: 24px; }
.vipel-layout .source-style-0af1f1988 { font-weight: 800; font-size: 20px; letter-spacing: -.03em; }
.vipel-layout .source-style-824332b4f { flex: 1; max-width: 420px; display: flex; align-items: center; gap: 10px; border: 1px solid var(--color-border-strong); background: #fff; height: 42px; padding: 0 14px; }
.vipel-layout .source-style-f07434a57 { border: none; height: auto; padding: 0; font-size: 14px; }
.vipel-layout .source-style-614a18f68 { margin-left: auto; display: flex; gap: 20px; font-size: 13.5px; }
.vipel-layout .source-style-c03b12d30 { color: var(--color-secondary); text-decoration: none; }
.vipel-layout .source-style-d93b841d4 { color: var(--color-accent); text-decoration: none; font-weight: 600; }
.vipel-layout .source-style-048b9a2b2 { display: block; }
.vipel-layout .source-style-c207311c1 { margin: 24px 0 12px; }
.vipel-layout .source-style-85ddac02f { color: #c2bbae; cursor: not-allowed; }
.vipel-layout .source-style-e2246649a { color: var(--color-primary); }
.vipel-layout .source-style-d74a34d4b { width: 1px; height: 40px; background: var(--color-line); }
.vipel-layout .source-style-b6e62fca9 { gap: 12px; }
.vipel-layout .source-style-8aa8955bd { grid-column: span 12; background: #1a1815; color: #fff; padding: 10px; text-align: center; font-family: var(--font-mono); font-size: 11px; }
.vipel-layout .source-style-041dea112 { grid-column: span 8; background: #f1ede5; padding: 10px; text-align: center; font-family: var(--font-mono); font-size: 11px; }
.vipel-layout .source-style-d6f840cb9 { grid-column: span 4; background: #d9481c; color: #fff; padding: 10px; text-align: center; font-family: var(--font-mono); font-size: 11px; }
.vipel-layout .source-style-3ff110295 { grid-column: span 4; background: #f1ede5; padding: 10px; text-align: center; font-family: var(--font-mono); font-size: 11px; }
.vipel-layout .source-style-53d6aa665 { border: 1px dashed var(--color-border-strong); padding: 14px; }
.vipel-layout .source-style-38233cfbc { margin-top: 72px; padding-top: 24px; border-top: 1px solid var(--color-line); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.vipel-layout .source-style-6546e3089 { font-size: 11.5px; color: var(--color-muted); }
.vipel-layout .source-style-d30633da8 { max-width: 1440px; margin: 0 auto; padding: 0 32px; height: 40px; display: flex; align-items: center; gap: 28px; font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.02em; }
.vipel-layout .source-style-ff3470c44 { color: #d9481c; }
.vipel-layout .source-style-9852b54b8 { color: #4a443c; }
.vipel-layout .source-style-af2bdb77f { margin-left: auto; color: #8b857b; }
.vipel-layout .source-style-3d79267ae { max-width: 1440px; margin: 0 auto; padding: 24px 32px 0; display: flex; gap: 24px; align-items: stretch; }
.vipel-layout .source-style-013a0e781 { width: 276px; flex-shrink: 0; border: 1px solid #ece8e1; background: #fff; display: flex; flex-direction: column; }
.vipel-layout .source-style-ba30f188c { display: flex; flex-direction: column; }
.vipel-layout .source-style-18a20385e { display: flex; align-items: center; gap: 12px; padding: 13px 16px; text-decoration: none; color: #d9481c; font-weight: 700; font-size: 14px; border-bottom: 1px solid #ece8e1; }
.vipel-layout .source-style-1f3669501 { font-family: 'JetBrains Mono', monospace; font-size: 13px; }
.vipel-layout .source-style-3473a7d1d { display: flex; align-items: center; gap: 13px; padding: 10.5px 16px; text-decoration: none; color: #56514a; font-size: 14px; border-bottom: 1px solid #f1ede5; }
.vipel-layout .source-style-42de15d89 { display: flex; align-items: center; gap: 13px; padding: 10.5px 16px; text-decoration: none; color: #56514a; font-size: 14px; }
.vipel-layout .source-style-6b7492822 { flex: 1; min-width: 0; border: 1px solid #ece8e1; background: #fff; display: flex; overflow: hidden; }
.vipel-layout .source-style-daf7cb5fe { flex: 1; min-width: 0; padding: 48px 48px 40px; display: flex; flex-direction: column; }
.vipel-layout .source-style-c9cfaa43c { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
.vipel-layout .source-style-7089e0118 { display: inline-flex; align-items: center; font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; background: #d9481c; padding: 4px 9px; }
.vipel-layout .source-style-5576cce2d { font-size: 42px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.04; margin: 0; max-width: 520px; }
.vipel-layout .source-style-7d8c51e2e { font-size: 16px; line-height: 1.6; color: #56514a; margin: 18px 0 0; max-width: 480px; }
.vipel-layout .source-style-2b3204876 { display: flex; gap: 12px; margin-top: 30px; flex-wrap: wrap; }
.vipel-layout .source-style-e2cdbad64 { display: inline-flex; align-items: center; height: 48px; padding: 0 26px; background: #1a1815; color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; }
.vipel-layout .source-style-1df7c2aa5 { display: inline-flex; align-items: center; gap: 9px; height: 48px; padding: 0 24px; background: transparent; color: #1a1815; text-decoration: none; font-size: 15px; font-weight: 600; border: 1px solid #d9d3ca; }
.vipel-layout .source-style-a88ae61c9 { display: flex; gap: 28px; margin-top: auto; padding-top: 34px; font-family: 'JetBrains Mono', monospace; }
.vipel-layout .source-style-ea0090d66 { font-size: 24px; font-weight: 700; color: #1a1815; letter-spacing: -0.02em; font-family: 'Onest', sans-serif; }
.vipel-layout .source-style-bbbe75703 { font-size: 11.5px; color: #a59f95; margin-top: 3px; }
.vipel-layout .source-style-9135497ae { width: 44%; flex-shrink: 0; background-image: repeating-linear-gradient(45deg, #f1ede5 0 8px, #e9e4da 8px 16px); border-left: 1px solid #ece8e1; display: flex; align-items: flex-end; justify-content: center; padding: 22px; position: relative; }
.vipel-layout .source-style-c43a42fa4 { position: absolute; top: 18px; left: 20px; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #fff; background: #1a1815; padding: 4px 8px; }
.vipel-layout .source-style-70301df3f { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #9a948b; background: rgba(252,251,249,0.85); padding: 5px 10px; }
.vipel-layout .source-style-cac90d742 { max-width: 1440px; margin: 0 auto; padding: 24px 32px 0; }
.vipel-layout .source-style-59a26f681 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: #ece8e1; border: 1px solid #ece8e1; }
.vipel-layout .source-style-159bffa65 { background: #fff; padding: 22px 24px; }
.vipel-layout .source-style-d046bdd63 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #d9481c; margin-bottom: 10px; }
.vipel-layout .source-style-ac6cc62eb { font-size: 16px; font-weight: 700; margin-bottom: 5px; }
.vipel-layout .source-style-d7c60cf35 { font-size: 13px; color: #76716a; line-height: 1.5; }
.vipel-layout .source-style-c87540221 { max-width: 1440px; margin: 0 auto; padding: 56px 32px 0; }
.vipel-layout .source-style-9636c982f { display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #1a1815; padding-bottom: 14px; margin-bottom: 24px; }
.vipel-layout .source-style-600fd010b { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #a59f95; margin-bottom: 8px; }
.vipel-layout .source-style-eaaf99e4a { font-size: 28px; font-weight: 800; letter-spacing: -0.02em; margin: 0; }
.vipel-layout .source-style-764d27637 { font-size: 14px; color: #d9481c; text-decoration: none; font-weight: 600; }
.vipel-layout .source-style-c8aecfe1f { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; background: #ece8e1; border: 1px solid #ece8e1; }
.vipel-layout .source-style-ba2292c0e { height: 124px; background-image: repeating-linear-gradient(45deg, #f1ede5 0 6px, #e9e4da 6px 12px); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; text-decoration: none; }
.vipel-layout .source-style-9df6ae045 { font-family: 'JetBrains Mono', monospace; font-size: 13.5px; font-weight: 600; color: #1a1815; text-decoration: none; overflow-wrap: anywhere; }
.vipel-layout .source-style-7ff78a7d6 { font-size: 12px; color: #76716a; margin: 5px 0 12px; min-height: 32px; line-height: 1.35; }
.vipel-layout .source-style-8cbb56077 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1px; background: #ece8e1; border: 1px solid #ece8e1; }
.vipel-layout .source-style-501cd7979 { background: #fff; height: 92px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-decoration: none; }
.vipel-layout .source-style-1e9490d87 { font-weight: 700; font-size: 17px; letter-spacing: -0.01em; color: #1a1815; }
.vipel-layout .source-style-5b97d4b20 { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; color: #a59f95; }
.vipel-layout .source-style-36d3f9297 { background: #1a1815; color: #faf7f2; padding: 44px 48px; display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.vipel-layout .source-style-3cc20693b { flex: 1; min-width: 280px; }
.vipel-layout .source-style-fd0f25252 { font-size: 28px; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 10px; line-height: 1.12; }
.vipel-layout .source-style-ff5527acf { font-size: 15px; line-height: 1.6; color: #b8b1a6; margin: 0; max-width: 560px; }
.vipel-layout .source-style-a11647e21 { display: flex; flex-direction: column; gap: 12px; flex-shrink: 0; }
.vipel-layout .source-style-cb5121e22 { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 48px; padding: 0 28px; background: #d9481c; color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; }
.vipel-layout .source-style-a3d41058f { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 28px; background: transparent; color: #faf7f2; text-decoration: none; font-size: 15px; font-weight: 600; border: 1px solid #4a443c; }
.vipel-layout .source-style-2e74e6109 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.vipel-layout .source-style-d07a5744e { border: 1px solid #ece8e1; background: #fff; display: flex; flex-direction: column; text-decoration: none; }
.vipel-layout .source-style-cbd0dbc89 { height: 168px; background-image: repeating-linear-gradient(45deg, #f1ede5 0 7px, #e9e4da 7px 14px); display: flex; align-items: center; justify-content: center; }
.vipel-layout .source-style-80c405efc { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: #9a948b; }
.vipel-layout .source-style-d3fee8e5b { padding: 22px 24px 24px; display: flex; flex-direction: column; flex: 1; }
.vipel-layout .source-style-09ef9a1f1 { font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #a59f95; margin-bottom: 11px; }
.vipel-layout .source-style-5b193edad { font-size: 18px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.25; margin: 0; color: #1a1815; }
.vipel-layout .source-style-c903cc100 { display: flex; align-items: center; gap: 11px; margin-top: auto; padding-top: 20px; font-family: 'JetBrains Mono', monospace; font-size: 12px; color: #a59f95; }
.vipel-layout .source-style-3a1b1eeb1 { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #1a1815; color: #fff; font-size: 10px; font-weight: 700; }
.vipel-layout .source-style-06712e053 { background: #1a1815; color: #cfc8bd; margin-top: 64px; }
.vipel-layout .source-style-c95313aab { max-width: 1440px; margin: 0 auto; padding: 16px 32px 0; }
.vipel-layout .source-style-dd41efc26 { max-width: 1440px; margin: 0 auto; padding: 28px 32px 0; display: grid; grid-template-columns: 408px minmax(0,1fr) 348px; gap: 40px; align-items: start; }
.vipel-layout .source-style-b0a758974 { position: sticky; top: 16px; }
.vipel-layout .source-style-92dcda816 { position: relative; aspect-ratio: 1 / 1; border: 1px solid #e7e3dc; background-image: repeating-linear-gradient(45deg, #f4f1ea 0 8px, #efeae0 8px 16px); display: flex; align-items: center; justify-content: center; }
.vipel-layout .source-style-76931d365 { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #9a948b; }
.vipel-layout .source-style-13599a7aa { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #b3ada2; margin-top: 6px; }
.vipel-layout .source-style-78c238f6b { position: absolute; top: 12px; left: 12px; display: flex; gap: 6px; }
.vipel-layout .source-style-8e473bc3f { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #56514a; border: 1px solid #d9d3ca; background: #fff; padding: 3px 8px; }
.vipel-layout .source-style-5bfd16a41 { position: absolute; top: 12px; right: 12px; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #fff; background: #2f7d4f; padding: 3px 8px; }
.vipel-layout .source-style-3acdd7f5b { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 8px; }
.vipel-layout .source-style-435ce60dd { font-family: 'JetBrains Mono', monospace; font-size: 9.5px; color: #9a948b; text-align: center; line-height: 1.2; padding: 0 2px; }
.vipel-layout .source-style-173fc143f { display: flex; gap: 16px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #ece8e1; }
.vipel-layout .source-style-da9694990 { font-family: 'JetBrains Mono', monospace; font-size: 12.5px; color: #d9481c; text-decoration: none; }
.vipel-layout .source-style-1c35889e5 { font-family: 'JetBrains Mono', monospace; font-size: 12.5px; color: #56514a; text-decoration: none; }
.vipel-layout .source-style-2cd52ab94 { min-width: 0; }
.vipel-layout .source-style-c0068fd63 { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.vipel-layout .source-style-37440c91c { font-family: 'JetBrains Mono', monospace; font-size: 30px; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 8px; line-height: 1.1; }
.vipel-layout .source-style-c09558a55 { font-size: 16px; color: #56514a; margin: 0 0 18px; line-height: 1.5; max-width: 560px; }
.vipel-layout .source-style-7d9454356 { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #ece8e1; margin-bottom: 22px; }
.vipel-layout .source-style-e3a389d1d { padding: 14px 16px; border-right: 1px solid #ece8e1; }
.vipel-layout .source-style-c38d87929 { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: #a59f95; margin-bottom: 6px; }
.vipel-layout .source-style-64467091d { font-size: 17px; font-weight: 700; }
.vipel-layout .source-style-ae39ed69e { padding: 14px 16px; }
.vipel-layout .source-style-93eb8ef0e { border-top: 1px solid #1a1815; }
.vipel-layout .source-style-4d22bd4a1 { display: grid; grid-template-columns: 220px 1fr; font-size: 13.5px; border-bottom: 1px solid #ece8e1; }
.vipel-layout .source-style-ac25cf7ee { padding: 11px 0; color: #76716a; }
.vipel-layout .source-style-7028fcda4 { padding: 11px 0; font-weight: 600; }
.vipel-layout .source-style-5a5d32555 { padding: 11px 0; font-family: 'JetBrains Mono', monospace; font-weight: 600; }
.vipel-layout .source-style-f161d10a2 { display: grid; grid-template-columns: 220px 1fr; font-size: 13.5px; }
.vipel-layout .source-style-c6069aff3 { border: 1px solid #1a1815; }
.vipel-layout .source-style-ae192f604 { padding: 20px 20px 18px; border-bottom: 1px solid #ece8e1; text-align: right; }
.vipel-layout .source-style-c53f5d11d { display: flex; align-items: center; justify-content: flex-end; gap: 8px; font-size: 13.5px; color: #2f7d4f; margin-bottom: 14px; }
.vipel-layout .source-style-29645141a { width: 8px; height: 8px; border-radius: 50%; background: #2f7d4f; }
.vipel-layout .source-style-a7b04c742 { display: flex; align-items: baseline; justify-content: flex-end; gap: 8px; }
.vipel-layout .source-style-8b7d8eb50 { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; }
.vipel-layout .source-style-ae84f7982 { font-size: 13px; color: #76716a; }
.vipel-layout .source-style-e51377892 { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: #a59f95; margin-top: 4px; }
.vipel-layout .source-style-b4034539f { padding: 16px 20px; border-bottom: 1px solid #ece8e1; text-align: right; }
.vipel-layout .source-style-cb276d1ab { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: #a59f95; margin-bottom: 10px; }
.vipel-layout .source-style-1ffab73b4 { font-family: 'JetBrains Mono', monospace; font-size: 13px; font-weight: 600; }
.vipel-layout .source-style-28f4a228e { padding: 18px 20px; }
.vipel-layout .source-style-725c2af31 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.vipel-layout .source-style-68e5979f4 { font-size: 13.5px; color: #56514a; }
.vipel-layout .source-style-fc94ead59 { display: flex; align-items: stretch; border: 1px solid #d9d3ca; background: #fff; }
.vipel-layout .source-style-42dd57b62 { width: 34px; height: 40px; border: none; background: none; font-size: 18px; color: #56514a; cursor: pointer; }
.vipel-layout .source-style-dd3b3815a { width: 64px; height: 40px; border: none; border-left: 1px solid #ece8e1; border-right: 1px solid #ece8e1; text-align: center; font-family: 'JetBrains Mono', monospace; font-size: 14px; outline: none; background: transparent; }
.vipel-layout .source-style-ee2805a6f { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-top: 1px solid #ece8e1; border-bottom: 1px solid #ece8e1; margin-bottom: 16px; }
.vipel-layout .source-style-f4d1d1532 { font-size: 20px; font-weight: 700; letter-spacing: -0.01em; }
.vipel-layout .source-style-ee2e228b9 { width: 100%; height: 48px; background: #1a1815; border: none; color: #fff; font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer; margin-bottom: 8px; }
.vipel-layout .source-style-c12741396 { width: 100%; height: 44px; background: transparent; border: 1px solid #d9d3ca; color: #1a1815; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.vipel-layout .source-style-33ff3487c { margin-top: 16px; display: flex; flex-direction: column; gap: 9px; }
.vipel-layout .source-style-647e64204 { display: flex; align-items: center; gap: 9px; font-size: 12.5px; color: #56514a; }
.vipel-layout .source-style-9a70f03c6 { font-family: 'JetBrains Mono', monospace; color: #a59f95; width: 16px; }
.vipel-layout .source-style-47f3333c1 { border: 1px solid #ece8e1; border-top: none; padding: 14px 20px; display: flex; align-items: center; gap: 12px; }
.vipel-layout .source-style-29e1cd8e6 { width: 40px; height: 40px; border-radius: 50%; background: #1a1815; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; flex-shrink: 0; }
.vipel-layout .source-style-240c6ba8c { font-size: 12px; color: #76716a; line-height: 1.45; }
.vipel-layout .source-style-2e92ef74b { color: #d9481c; text-decoration: none; font-weight: 600; }
.vipel-layout .source-style-1b09b1563 { max-width: 1440px; margin: 0 auto; padding: 48px 32px 0; }
.vipel-layout .source-style-8950aa5a9 { display: flex; gap: 0; border-bottom: 1px solid #1a1815; }
.vipel-layout .source-style-b61b4fcc3 { padding: 26px 0 0; max-width: 1080px; }
.vipel-layout .source-style-c9a0dafe6 { display: flex; align-items: center; gap: 11px; padding: 12px 16px; border: 1px solid #ece8e1; border-left-width: 3px; border-left-color: #d9481c; background: #fff; margin-bottom: 22px; }
.vipel-layout .source-style-ac14c220c { font-family: 'JetBrains Mono', monospace; font-size: 14px; color: #d9481c; }
.vipel-layout .source-style-056de6552 { font-size: 13.5px; color: #56514a; line-height: 1.45; }
.vipel-layout .source-style-21d8511e3 { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0 56px; }
.vipel-layout .source-style-c1902ce35 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #a59f95; margin-bottom: 8px; }
.vipel-layout .source-style-c5f355741 { display: flex; align-items: center; justify-content: center; }
.vipel-layout .source-style-8b5fd82eb { padding: 9px 12px; color: #76716a; }
.vipel-layout .source-style-9391b50d8 { position: sticky; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: #1a1815; padding: 15px 20px; margin-top: 6px; }
.vipel-layout .source-style-c9a7335ca { display: flex; align-items: center; gap: 16px; }
.vipel-layout .source-style-938cdb70d { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #8b857b; }
.vipel-layout .source-style-a3ea1898e { font-size: 14px; color: #cfc8bd; }
.vipel-layout .source-style-cae1dae1c { color: #fff; font-family: 'JetBrains Mono', monospace; }
.vipel-layout .source-style-938e795fc { font-size: 12.5px; color: #8b857b; text-decoration: none; }
.vipel-layout .source-style-789836ec7 { padding: 32px 0 0; max-width: 760px; }
.vipel-layout .source-style-c58e5081c { display: flex; align-items: center; gap: 16px; padding: 16px 4px; border-bottom: 1px solid #ece8e1; text-decoration: none; color: inherit; }
.vipel-layout .source-style-bfcba7edc { width: 40px; height: 40px; border: 1px solid #d9d3ca; display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #d9481c; flex-shrink: 0; }
.vipel-layout .source-style-b0d14ccae { font-size: 14.5px; font-weight: 600; }
.vipel-layout .source-style-ee34a25bc { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: #a59f95; margin-top: 3px; }
.vipel-layout .source-style-27c87228f { width: 40px; height: 40px; border: 1px solid #d9d3ca; display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #56514a; flex-shrink: 0; }
.vipel-layout .source-style-1b9ee3b2f { display: flex; align-items: center; gap: 16px; padding: 16px 4px; text-decoration: none; color: inherit; }
.vipel-layout .source-style-da6cce4cf { padding: 32px 0 0; max-width: 720px; }
.vipel-layout .source-style-874a30a84 { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #a59f95; margin-bottom: 14px; }
.vipel-layout .source-style-f548e8e71 { font-size: 12.5px; color: #76716a; margin-top: 3px; }
.vipel-layout .source-style-13cbe03b9 { text-align: right; }
.vipel-layout .source-style-86337e9d9 { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: #a59f95; margin-top: 2px; }
.vipel-layout .source-style-88c1dbd37 { display: flex; gap: 13px; padding: 14px 16px; border: 1px solid #ece8e1; border-left-width: 3px; border-left-color: #1a1815; background: #fff; font-size: 13px; line-height: 1.5; margin-top: 18px; }
.vipel-layout .source-style-5862d9f78 { font-family: 'JetBrains Mono', monospace; font-weight: 600; color: #1a1815; }
.vipel-layout .source-style-e05c7363a { display: block; margin-bottom: 2px; }
.vipel-layout .source-style-4f65086a0 { padding: 32px 0 0; }
.vipel-layout .source-style-005d58fbb { border: 1px solid #1a1815; padding: 16px 20px; margin-bottom: 22px; max-width: 1080px; }
.vipel-layout .source-style-9911ba642 { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.vipel-layout .source-style-fe4f3c7c5 { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #2f7d4f; }
.vipel-layout .source-style-e082abf64 { font-size: 14px; font-weight: 600; }
.vipel-layout .source-style-e106d6d76 { display: flex; flex-wrap: wrap; gap: 8px; }
.vipel-layout .source-style-59260ce7a { display: inline-flex; align-items: center; font-family: 'JetBrains Mono', monospace; font-size: 12px; border: 1px solid #d9d3ca; background: #fcfbf9; color: #56514a; padding: 5px 11px; }
.vipel-layout .source-style-3e8ea31f9 { height: 100px; background-image: repeating-linear-gradient(45deg, #f1ede5 0 6px, #e9e4da 6px 12px); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.vipel-layout .source-style-4de9a1db3 { font-size: 12px; color: #76716a; margin: 5px 0 12px; min-height: 30px; }
.vipel-layout .source-style-d84bb4afa { font-size: 18px; font-weight: 700; margin-bottom: 12px; letter-spacing: -0.02em; }
/* Blog article: new source-preview layout using the existing Vipel palette. */
.vipel-layout--article .article-page { margin-inline: auto; }
.vipel-layout--article .article-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px 12px; padding-block: 24px; font-family: var(--vipel-font-mono); font-size: 11px; text-transform: uppercase; color: var(--vipel-color-muted); }
.vipel-layout--article .article-breadcrumbs a { color: var(--vipel-color-secondary); }
.vipel-layout--article .article-breadcrumbs [aria-current] { color: var(--vipel-color-text); }
.vipel-layout--article .article-header { padding-block: 32px 40px; border-bottom: 1px solid var(--vipel-color-text); }
.vipel-layout--article .article-eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 24px; font-family: var(--vipel-font-mono); font-size: 12px; color: var(--vipel-color-secondary); }
.vipel-layout--article .article-eyebrow a { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 12px; color: var(--vipel-color-accent); border: 1px solid var(--vipel-color-border-strong); text-decoration: none; }
.vipel-layout--article .article-header h1 { max-width: 1150px; margin: 0; font-size: clamp(32px, 4vw, 56px); font-weight: var(--vipel-weight-extrabold); letter-spacing: -.035em; line-height: 1.08; }
.vipel-layout--article .article-lead { max-width: 820px; margin-block: 24px 28px; font-size: 20px; line-height: 1.6; color: var(--vipel-color-secondary); }
.vipel-layout--article .article-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 13px; }
.vipel-layout--article .article-avatar { display: grid; place-items: center; width: 44px; height: 44px; background: var(--vipel-color-text); color: var(--vipel-color-surface); border-radius: 50%; font-family: var(--vipel-font-mono); }
.vipel-layout--article .article-meta strong, .vipel-layout--article .article-meta div > span { display: block; }
.vipel-layout--article .article-meta div > span { color: var(--vipel-color-secondary); font-size: 12px; margin-top: 2px; }
.vipel-layout--article .article-meta time { margin-left: 20px; font-family: var(--vipel-font-mono); color: var(--vipel-color-secondary); font-size: 12px; }
.vipel-layout--article .article-layout { display: grid; grid-template-columns: 240px minmax(0, 820px); justify-content: space-between; gap: 64px; padding-block: 40px 64px; }
.vipel-layout--article .article-sidebar { position: sticky; top: 24px; align-self: start; }
.vipel-layout--article .article-label { display: block; font-family: var(--vipel-font-mono); font-size: 11px; line-height: 1.6; letter-spacing: .07em; text-transform: uppercase; color: var(--vipel-color-secondary); }
.vipel-layout--article .article-contents { padding-top: 20px; }
.vipel-layout--article .article-contents ol { list-style: decimal-leading-zero; padding-left: 26px; margin: 16px 0 24px; }
.vipel-layout--article .article-contents li { padding-left: 8px; border-bottom: 1px solid var(--vipel-color-line); }
.vipel-layout--article .article-contents li::marker { font-family: var(--vipel-font-mono); color: var(--vipel-color-accent); font-size: 11px; }
.vipel-layout--article .article-contents a { display: flex; align-items: center; min-height: 48px; padding-block: 10px; font-size: 13px; color: var(--vipel-color-text); text-decoration: none; }
.vipel-layout--article .article-back { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; color: var(--vipel-color-accent); }
.vipel-layout--article .article-figure { margin: 0 0 32px; }
.vipel-layout--article .article-diagram { border: 1px solid var(--vipel-color-border); padding: 24px; background: var(--vipel-color-surface); }
.vipel-layout--article .article-diagram svg { display: block; width: 100%; height: auto; font-family: var(--vipel-font-mono); color: var(--vipel-color-secondary); }
.vipel-layout--article figcaption, .vipel-layout--article .article-small { font-size: 13px; color: var(--vipel-color-secondary); line-height: 1.65; }
.vipel-layout--article figcaption { margin-top: 12px; }
.vipel-layout--article .article-body { min-width: 0; }
.vipel-layout--article .article-body p { margin: 0 0 20px; font-size: 16px; line-height: 1.8; color: var(--vipel-color-secondary); }
.vipel-layout--article p.article-intro { font-size: 19px; color: var(--vipel-color-text); }
.vipel-layout--article .article-body section { padding-top: 40px; scroll-margin-top: 24px; }
.vipel-layout--article #article-title { scroll-margin-top: 24px; }
.vipel-layout--article .article-body h2 { margin: 12px 0 24px; font-size: 32px; letter-spacing: -.025em; line-height: 1.2; }
.vipel-layout--article .article-note { padding: 24px; margin-block: 28px; border-left: 3px solid var(--vipel-color-accent); background: var(--vipel-color-accent-soft); }
.vipel-layout--article .article-note strong { display: block; margin-bottom: 8px; }
.vipel-layout--article .article-note p { margin: 0; }
.vipel-layout--article .article-formula { border-block: 1px solid var(--vipel-color-border-strong); padding: 28px 0; margin-block: 28px; }
.vipel-layout--article .article-formula > span { display: block; font-family: var(--vipel-font-mono); font-size: clamp(20px, 2.4vw, 28px); }
.vipel-layout--article .article-formula small { display: block; margin-top: 12px; font-size: 12px; color: var(--vipel-color-secondary); }
.vipel-layout--article .article-table-wrap { max-width: 100%; overflow-x: auto; margin-block: 28px 16px; }
.vipel-layout--article table { width: 100%; border-collapse: collapse; font-size: 14px; }
.vipel-layout--article caption { text-align: left; font-size: 13px; color: var(--vipel-color-secondary); padding-bottom: 12px; }
.vipel-layout--article th, .vipel-layout--article td { text-align: left; padding: 16px; border-bottom: 1px solid var(--vipel-color-border); }
.vipel-layout--article thead { background: var(--vipel-color-text); color: var(--vipel-color-surface); }
.vipel-layout--article thead th { font-size: 12px; font-weight: var(--vipel-weight-medium); }
.vipel-layout--article tbody th { font-family: var(--vipel-font-mono); font-weight: var(--vipel-weight-medium); }
.vipel-layout--article tbody tr:nth-child(even) { background: var(--vipel-color-surface); }
.vipel-layout--article blockquote { margin: 32px 0; padding-left: 24px; border-left: 3px solid var(--vipel-color-accent); font-size: 24px; font-weight: var(--vipel-weight-semibold); line-height: 1.5; }
.vipel-layout--article .article-checklist { padding-left: 24px; line-height: 1.75; }
.vipel-layout--article .article-checklist li { padding: 12px 0 12px 8px; border-bottom: 1px solid var(--vipel-color-line); }
.vipel-layout--article .article-checklist li::marker { color: var(--vipel-color-accent); font-family: var(--vipel-font-mono); }
.vipel-layout--article .article-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; margin-top: 36px; padding: 28px; border: 1px solid var(--vipel-color-text); }
.vipel-layout--article .article-cta h3 { font-size: 24px; line-height: 1.2; margin: 10px 0; }
.vipel-layout--article .article-cta p { max-width: 460px; margin: 0; font-size: 14px; }
.vipel-layout--article .article-cta .vipel-button { min-height: 48px; padding: 12px 20px; }
.vipel-layout--article .article-end { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-top: 1px solid var(--vipel-color-line); margin-top: 40px; padding-top: 20px; }
.vipel-layout--article .article-end a, .vipel-layout--article .article-related-heading > a { display: inline-flex; align-items: center; min-height: 44px; color: var(--vipel-color-accent); font-size: 13px; }
.vipel-layout--article .article-related { border-top: 2px solid var(--vipel-color-text); padding-block: 32px 64px; }
.vipel-layout--article .article-related-heading { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: end; gap: 16px; margin-bottom: 28px; }
.vipel-layout--article .article-related h2 { margin: 8px 0 0; font-size: 32px; }
.vipel-layout--article .article-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.vipel-layout--article .article-related-card { display: flex; flex-direction: column; gap: 20px; padding: 24px; border: 1px solid var(--vipel-color-border); background: var(--vipel-color-surface); color: var(--vipel-color-text); text-decoration: none; }
.vipel-layout--article .article-related-card h3 { font-size: 21px; line-height: 1.35; margin: 0 0 12px; }
.vipel-layout--article .article-related-link { margin-top: auto; color: var(--vipel-color-accent); font-size: 13px; }
.vipel-layout--article .article-related-card:hover { border-color: var(--vipel-color-accent); }
.vipel-layout--article .article-contents a:hover { color: var(--vipel-color-accent); }

/* End */


/* Start:/local/templates/vipel/assets/css/layout-responsive.css?179035159018825*/
/* Shared shell and source pages: desktop 1440, tablet 1024/768, phones 640/480. */
.vipel-site [hidden] { display: none !important; }
.vipel-site :focus-visible { outline: 2px solid var(--vipel-color-accent); outline-offset: 4px; }
.vipel-container { width: 100%; max-width: var(--vipel-container-width); padding-inline: var(--vipel-page-padding); }
.vipel-content, .vipel-header__inner > *, .vipel-footer__grid > * { min-width: 0; }
.vipel-mobile-cart { display: none; }
.vipel-menu-toggle { min-height: 44px; min-width: 44px; }
.vipel-search:focus-within { border-color: var(--vipel-color-secondary); }
.vipel-search input:focus-visible { outline: none; }
.vipel-search input { min-height: 44px; }
.vipel-layout { overflow-wrap: anywhere; }
.vipel-layout *, .vipel-layout *::before, .vipel-layout *::after { box-sizing: border-box; }
.vipel-layout :where(div, section, article, aside, a, span, label, details) { min-width: 0; }
.vipel-layout :where(input, select, textarea) { min-width: 0; max-width: 100%; }
.vipel-layout :where(img, video) { max-width: 100%; height: auto; }
.vipel-layout svg { flex-shrink: 0; }
.vipel-layout .source-container { width: 100%; max-width: var(--vipel-container-width); padding-inline: var(--vipel-page-padding); }
.vipel-layout .source-row { flex-wrap: wrap; }
.vipel-layout :where(button, summary) { cursor: pointer; }
.vipel-layout :where(button, select, input:not([type=checkbox]):not([type=radio])) { min-height: 44px; }
.vipel-layout :where(a, button) { touch-action: manipulation; }
.vipel-layout button { max-width: 100%; }
.vipel-layout .source-min-width { min-width: 0; }
.vipel-layout .source-fixed-width { max-width: 100%; }
.vipel-layout .source-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vipel-layout .source-disclosure > summary { display: none; }
.vipel-layout .source-disclosure { min-width: 0; }
.vipel-layout .home-layout, .vipel-layout .catalog-layout, .vipel-layout .blog-layout { flex-wrap: nowrap; }
.vipel-layout .home-layout > .source-disclosure { width: 276px; flex-shrink: 0; }
.vipel-layout .catalog-layout > .source-disclosure { width: 256px; flex-shrink: 0; }
.vipel-layout .home-hero { flex-wrap: nowrap; }
.vipel-layout .home-hero .source-style-2b3204876 { justify-content: flex-end; }
.vipel-layout .home-hero > :last-child { min-height: 240px; }
.vipel-layout .home-stats .source-container { height: auto; min-height: 40px; padding-block: 8px; gap: 8px 24px; }
.vipel-layout .home-stats .source-container > span { white-space: normal; }
.vipel-layout .home-hits .source-grid-5 { grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
.vipel-layout .home-hits .source-style-e322a2313 { text-align: right; }
.vipel-layout .home-brands .source-grid-6 { grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); }
.vipel-layout .home-blog .source-grid-3 { grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); }
.vipel-layout .product-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, .9fr); gap: 32px; }
.vipel-layout .product-spec-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.vipel-layout .product-tabs > .source-roomy { max-width: none; }
.vipel-layout .product-key-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vipel-layout .catalog-list > div { display: grid; grid-template-columns: 66px minmax(0, 1fr) 130px 172px; gap: 20px; }
.vipel-layout .catalog-list > div > div { width: auto; }
.vipel-layout .blog-featured { flex-wrap: nowrap; }
.vipel-layout .blog-featured > a { width: 40%; min-height: 240px; }
.vipel-layout .source-footer-grid { grid-template-columns: 1.5fr repeat(3, minmax(0, 1fr)) 1.3fr; gap: 32px; }
.vipel-layout .source-footer a { display: inline-flex; align-items: center; min-height: 32px; }
.vipel-layout .design-disclosure { flex: 0 0 248px; }
.vipel-layout .design-navigation { width: 100%; }
.vipel-layout .design-main { max-width: calc(100% - 248px); padding-inline: 40px; }
.vipel-layout .snip { min-width: 0; max-width: 100%; }
.vipel-layout .snip pre { max-width: 100%; overflow-x: auto; }
.vipel-layout .nav, .vipel-layout .pager { flex-wrap: wrap; }
.vipel-layout .grid12 > * { min-width: 0; }

@media (min-width: 1025px) {
  .vipel-layout .home-hero .source-style-2b3204876 { justify-content: flex-start; }
}
@media (max-width: 1200px) {
  .vipel-header__inner { gap: 20px; }
  .vipel-brand__descriptor { display: none; }
  .vipel-layout .home-hero > :first-child { padding: 28px; }
  .vipel-layout .home-hero > :last-child { width: 28%; }
  .vipel-layout .home-hero h1 { font-size: 34px; }
  .vipel-layout .product-layout { gap: 24px; }
  .vipel-layout .blog-layout { gap: 28px; }
  .vipel-layout .blog-sidebar { width: 260px; }
  .vipel-layout .blog-featured { flex-direction: column; }
  .vipel-layout .blog-featured > a { width: 100%; aspect-ratio: 2 / 1; min-height: 0; }
  .vipel-layout .catalog-list > div { grid-template-columns: 66px minmax(0, 1fr) 172px; }
  .vipel-layout .catalog-list > div > :nth-child(3) { grid-column: 2; }
  .vipel-layout .catalog-list > div > :nth-child(4) { grid-column: 3; grid-row: 1 / span 2; }
}
@media (max-width: 1024px) {
  .vipel-layout .home-layout, .vipel-layout .catalog-layout, .vipel-layout .blog-layout { flex-direction: column; gap: 24px; align-items: stretch; }
  .vipel-layout .home-layout > .source-disclosure, .vipel-layout .catalog-layout > .source-disclosure { width: 100%; }
  .vipel-layout .source-disclosure > summary { display: flex; justify-content: space-between; align-items: center; min-height: 48px; padding: 12px 16px; border: 1px solid var(--vipel-color-border-strong); font-weight: 600; list-style: none; }
  .vipel-layout .source-disclosure > summary::-webkit-details-marker { display: none; }
  .vipel-layout .source-disclosure > summary::after { content: '+'; margin-left: 12px; font-size: 22px; }
  .vipel-layout .source-disclosure[open] > summary::after { content: '−'; }
  .vipel-layout .home-categories, .vipel-layout .catalog-filters { width: 100%; position: static; padding: 16px; }
  .vipel-layout .home-hero { width: 100%; }
  .vipel-layout .home-hero > :last-child { width: 32%; }
  .vipel-layout .catalog-results, .vipel-layout .blog-feed { width: 100%; padding-block: 0 32px; }
  .vipel-layout .blog-sidebar { width: 100%; position: static; padding-block: 0 32px; }
  .vipel-layout .blog-summary { flex-basis: 100%; text-align: left; }
  .vipel-layout .blog-summary-count { justify-content: flex-start; }
  .vipel-layout .catalog-toolbar { gap: 12px; }
  .vipel-layout .source-grid-4, .vipel-layout .source-grid-5, .vipel-layout .source-grid-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vipel-layout .source-footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; }
  .vipel-layout .product-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vipel-layout .product-gallery { position: static; }
  .vipel-layout .product-buy-box { grid-column: 1 / -1; position: static; width: 100%; }
  .vipel-layout .about-section-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 32px; }
  .vipel-layout .about-hero .source-grid-2 { gap: 32px; }
  .vipel-layout .about-hero h1 { font-size: 42px; }
  .vipel-layout--design-system > div { flex-direction: column; }
  .vipel-layout .design-disclosure { flex: auto; width: 100%; padding: 24px var(--vipel-page-padding) 0; }
  .vipel-layout .design-navigation { display: block !important; position: static; height: auto; padding: 20px; border: 1px solid var(--vipel-color-border); }
  .vipel-layout .design-navigation a { display: flex; align-items: center; min-height: 44px; }
  .vipel-layout .design-main { width: 100%; max-width: none; padding: 0 var(--vipel-page-padding) 48px !important; }
}
@media (max-width: 896px) {
  .vipel-header__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; }
  .vipel-header__actions { display: none; }
  .vipel-mobile-cart { display: inline-flex; align-items: center; min-height: 44px; color: var(--vipel-color-accent); text-decoration: none; font-size: 14px; }
  .vipel-menu-toggle { margin-left: 0; }
  .vipel-search--header { grid-column: 1 / -1; width: 100%; order: 3; }
  .vipel-search input { font-size: 16px; }
  .vipel-layout .source-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .vipel-layout .source-grid-2, .vipel-layout .about-section-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .vipel-layout .product-layout { grid-template-columns: minmax(0, 1fr); }
  .vipel-layout .product-gallery { width: 100%; max-width: none; margin-inline: auto; }
  .vipel-layout .product-info { grid-row: 1; }
  .vipel-layout .product-buy-box { grid-column: auto; }
  .vipel-layout .product-key-specs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vipel-layout .source-roomy { padding: 24px; }
  .vipel-layout .source-container { padding-inline: var(--vipel-page-padding); }
  .vipel-layout .home-hero { flex-direction: column; }
  .vipel-layout .home-hero > :first-child { padding: 28px 24px; }
  .vipel-layout .home-hero > :last-child { width: 100%; min-height: 180px; border-left: 0; border-top: 1px solid var(--vipel-color-line); }
  .vipel-layout .home-stats .source-container { gap: 4px 12px; font-size: 11px; }
  .vipel-layout .home-stats .source-container > :last-child { width: 100%; margin-left: 0; }
  .vipel-layout .home-cta > div { padding: 24px; gap: 24px; }
  .vipel-layout .home-cta > div > div { width: 100%; flex: auto; }
  .vipel-layout .home-cta a { min-height: 48px; height: auto; padding: 12px 16px; text-align: center; }
  .vipel-layout .source-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vipel-layout .source-footer-grid > :first-child { grid-column: 1 / -1; }
  .vipel-layout .blog-feed article { flex-direction: column; gap: 16px; }
  .vipel-layout .blog-feed article.source-roomy { padding-inline: 0; }
  .vipel-layout .blog-feed article > a { width: 100%; height: auto; min-height: 160px; aspect-ratio: 2 / 1; }
  .vipel-layout .blog-featured > div { padding: 24px; }
  .vipel-layout .about-hero h1 { font-size: 36px; }
  .vipel-layout .about-timeline-row { grid-template-columns: 72px minmax(0, 1fr); gap: 20px; }
  .vipel-layout .catalog-list > div { grid-template-columns: 66px minmax(0, 1fr); gap: 16px; }
  .vipel-layout .catalog-list > div > :not(:first-child) { text-align: right; }
  .vipel-layout .catalog-list > div > :nth-child(2) > .source-row { justify-content: flex-end; }
  .vipel-layout .catalog-list > div > :nth-child(4) { grid-column: 2; grid-row: auto; }
  .vipel-layout .catalog-list > div > :nth-child(4) > div:last-child { display: grid; grid-template-columns: 44px minmax(0, max-content); justify-content: end; gap: 8px; }
  .vipel-layout .catalog-list input { width: 100%; }
  .vipel-layout .catalog-list button { padding-inline: 8px; }
  .vipel-layout :is(input:not([type=checkbox]):not([type=radio]), select, textarea) { font-size: 16px; }
  .vipel-layout button { height: auto; min-height: 44px; padding-block: 8px; }
  .vipel-layout a.source-roomy { height: auto; min-height: 48px; padding-block: 12px; }
  /* Outer gutters belong to the page container; unframed sections add no second gutter. */
  .vipel-layout--about .source-container > .source-roomy,
  .vipel-layout--blog .source-container > .source-roomy,
  .vipel-layout .catalog-layout > .catalog-results,
  .vipel-layout .product-tabs > .source-roomy,
  .vipel-layout .design-main > header.source-roomy { padding-inline: 0; }
  .vipel-layout .about-contact { border-left: 0; border-top: 1px solid var(--vipel-color-line); padding: 24px 0 0; }
  .vipel-layout .product-documents a { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 8px 16px; }
  .vipel-layout .product-documents a > :last-child { grid-column: 2; }
  .vipel-layout .blog-rubrics a { display: inline-flex; align-items: center; min-height: 44px; }
  .vipel-layout .scale-row { flex-wrap: wrap; gap: 8px 16px; }
  .vipel-layout .scale-row > :nth-child(2) { flex: 1 1 100%; order: 3; }
  .vipel-layout .scale-row .val { margin-left: auto; }
}
@media (max-width: 480px) {
  .vipel-search__hint { display: none; }
  .vipel-search { padding-inline: 12px; }
  .vipel-layout .source-grid-3, .vipel-layout .source-grid-4, .vipel-layout .source-grid-5, .vipel-layout .source-grid-6 { grid-template-columns: minmax(0, 1fr); }
  .vipel-layout .source-roomy { padding: 20px; }
  .vipel-layout .source-container { padding-inline: 16px; }
  .vipel-layout .source-footer-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .vipel-layout .product-key-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vipel-layout .product-gallery > .source-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .vipel-layout .about-metrics .source-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vipel-layout .about-metrics .source-grid-4 > div { padding: 20px 12px; }
  .vipel-layout .about-metrics .source-grid-4 > div > :first-child { font-size: 30px; }
  .vipel-layout h1 { font-size: 30px; line-height: 1.12; }
  .vipel-layout:not(.vipel-layout--design-system) h2:not(.vipel-drawer__title) { font-size: 24px; line-height: 1.2; }
  .vipel-layout .home-hero h1 { font-size: 30px; }
  .vipel-layout .home-hero > :first-child { padding: 24px 20px; }
  .vipel-layout .about-hero h1 { font-size: 32px; }
  .vipel-layout .product-info h1 { font-size: 26px; }
  .vipel-layout .category-heading > div { gap: 20px; align-items: flex-start; }
  .vipel-layout .source-fixed-width { max-width: 100%; }
  .vipel-layout .home-hero a { width: 100%; justify-content: center; padding-inline: 12px; }
  .vipel-layout .home-hero > div > div:last-child { gap: 16px; }
  .vipel-layout .catalog-toolbar > div { width: 100%; gap: 12px; }
  .vipel-layout .catalog-toolbar select { flex: 1; }
  .vipel-layout .grid12 { gap: 4px; }
  .vipel-layout .grid12 > * { padding-inline: 0; font-size: 10px; }
  .vipel-layout .design-main .nav { gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .vipel-site *, .vipel-site *::before, .vipel-site *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
/* Let long titles scale, while preserving smaller mono part numbers. */
@media (max-width: 480px) {
  .vipel-layout--design-system h1[class] { font-size: 32px; line-height: 1.12; }
  .vipel-layout--design-system .ds-h1 { font-size: 30px; }
  .vipel-layout .source-row > input { min-width: 0; }
}
.vipel-layout .product-section-nav { display: flex; flex-wrap: wrap; gap: 4px 20px; border-bottom: 1px solid var(--vipel-color-text); }
.vipel-layout .product-section-nav a { display: inline-flex; align-items: center; min-height: 48px; text-decoration: none; font-weight: 600; }
.vipel-layout .product-section-nav a:hover { color: var(--vipel-color-accent); }
.vipel-layout [id^="product-"] { scroll-margin-top: 24px; }
.vipel-layout [data-catalog-view] { min-height: 44px; padding: 8px 12px; border: 1px solid var(--vipel-color-border); background: transparent; color: var(--vipel-color-secondary); }
.vipel-layout [data-catalog-view][aria-pressed="true"] { background: var(--vipel-color-text); color: white; border-color: var(--vipel-color-text); }
@media (max-width: 760px) {
  .vipel-layout .source-footer a, .vipel-layout .catrow, .vipel-layout .cat-panel a { min-height: 44px; }
  .vipel-layout .product-tabs .source-sticky { position: static; }
}
.vipel-layout .home-search { margin-top: 24px; padding-right: 1px; gap: 8px; width: 100%; }
.vipel-layout .home-search input { width: 0; min-width: 0; }
.vipel-layout .home-search button { padding: 8px 12px; border: 0; background: var(--vipel-color-text); color: white; font-size: 13px; }
.vipel-layout .catrow svg, .vipel-layout .cat-panel svg { stroke: currentColor; }
.vipel-layout .category-grid { gap: 1px; background: var(--vipel-color-line); border: 1px solid var(--vipel-color-line); }
@media (max-width: 480px) {
  .vipel-layout--blog h1[class], .vipel-layout--catalog-section h1[class] { font-size: 30px; line-height: 1.12; }
  .vipel-layout--design-system h1[class] { font-size: clamp(26px, 7vw, 32px); }
}

@media (max-width: 1024px) {
  .vipel-layout .vipel-categories-toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 48px; padding: 12px 16px; border: 1px solid var(--vipel-color-border-strong); background: transparent; color: inherit; font: inherit; font-weight: 600; text-align: left; }
  .vipel-layout .vipel-drawer .home-categories { padding: 0; border: 0; }
  .vipel-layout .vipel-drawer .catrow { min-height: 52px; padding-inline: 4px; gap: 8px; }
  .vipel-layout .vipel-drawer__close { height: 44px; padding: 0; line-height: 1; }
}
@media (max-width: 1024px) {
  .vipel-layout--article .article-layout { grid-template-columns: 200px minmax(0, 1fr); gap: 32px; }
  .vipel-layout--article .article-related-grid { gap: 16px; }
  .vipel-layout--article .article-related-card { padding: 20px; }
}
@media (max-width: 760px) {
  .vipel-layout--article .article-header { padding-block: 20px 28px; }
  .vipel-layout--article .article-eyebrow { gap: 12px; }
  .vipel-layout--article .article-eyebrow a { min-height: 44px; }
  .vipel-layout--article .article-lead { font-size: 17px; }
  .vipel-layout--article .article-meta time { margin-left: 0; }
  .vipel-layout--article .article-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 28px 40px; }
  .vipel-layout--article .article-sidebar { position: static; }
  .vipel-layout--article .article-contents { border-top: 0; padding-top: 0; }
  .vipel-layout--article .article-contents ol { margin-block: 12px 0; }
  .vipel-layout--article .article-back { margin-top: 12px; }
  .vipel-layout--article .article-diagram { padding: 16px 8px 8px; }
  .vipel-layout--article .article-diagram > .article-label { padding-inline: 8px; font-size: 10px; }
  .vipel-layout--article .article-diagram svg { min-height: 160px; }
  .vipel-layout--article .article-diagram svg g text { font-size: 30px; }
  .vipel-layout--article .article-diagram svg > text { font-size: 40px; }
  .vipel-layout--article .article-body h2 { font-size: 26px; }
  .vipel-layout--article p.article-intro { font-size: 17px; }
  .vipel-layout--article .article-note, .vipel-layout--article .article-cta { padding: 20px; }
  .vipel-layout--article th, .vipel-layout--article td { padding: 12px 8px; }
  .vipel-layout--article blockquote { font-size: 21px; padding-left: 16px; }
  .vipel-layout--article .article-related-grid { grid-template-columns: minmax(0, 1fr); }
  .vipel-layout--article .article-related-card { padding: 24px; }
}

/* End */


/* Start:/local/templates/vipel/assets/css/demo.css?179035159014710*/
/* Public demo layouts. No preview selectors or URLs are required. */
.vipel-demo a{text-underline-offset:3px}.vipel-demo .vipel-nav a[aria-current=page]{color:var(--vipel-color-accent)}
.vipel-demo .vipel-search--header button{border:0;background:transparent;color:var(--vipel-color-accent);min-height:44px;cursor:pointer}
.vipel-demo .vipel-search:focus-within{outline:none;box-shadow:none;border-color:#56514a}
.demo-strip{font-size:11px;text-align:center;padding:7px 16px;color:#76716a;background:#f4f1ea;border-bottom:1px solid #e7e3dc}
.demo-page{max-width:1440px;margin:0 auto;padding:16px 32px 80px;width:100%;min-height:60vh}
.demo-crumbs{display:flex;flex-wrap:wrap;gap:10px;font:11px/1.6 var(--vipel-font-mono);text-transform:uppercase;color:#a59f95;padding:0 0 24px}
.demo-crumbs a{text-decoration:none}.demo-page-head{padding:12px 0 36px;margin-bottom:36px;border-bottom:1px solid #1a1815}
.demo-kicker{font:11px/1.5 var(--vipel-font-mono);letter-spacing:.09em;text-transform:uppercase;color:#d9481c}
.demo-page h1{font-size:clamp(30px,4vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin:16px 0}
.demo-page h2{font-size:28px;line-height:1.18;letter-spacing:-.025em;margin:12px 0 20px}.demo-page h3{font-size:19px;line-height:1.3}
.demo-page p{line-height:1.7;color:#56514a}.demo-page-head p{font-size:17px;max-width:760px;margin:0}.demo-note{font-size:12px;line-height:1.6;color:#76716a;padding:12px 16px;border-left:2px solid #d9481c;background:#f6f3ee;margin:16px 0}
.demo-grid{display:grid;gap:24px}.demo-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-card{border:1px solid #e7e3dc;padding:28px;background:#fff;min-width:0}.demo-card h2{font-size:23px}.demo-card p:last-child{margin-bottom:0}
.demo-result{display:block;text-decoration:none}.demo-result:hover{border-color:#d9481c}.demo-section{margin:48px 0}.demo-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.demo-checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}.demo-summary{padding:28px;background:#fff;border:1px solid #1a1815;position:sticky;top:24px}.demo-summary .demo-button{width:100%;margin-top:20px}.demo-total{font-size:36px;display:block;line-height:1.2;margin:20px 0}.demo-summary p{font-size:13px}
.demo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-actions p{margin-right:auto}.demo-button{display:inline-flex;justify-content:center;align-items:center;text-align:center;padding:12px 22px;min-height:48px;border:1px solid #1a1815;background:#1a1815;color:white;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.4}
.demo-button:hover{background:#d9481c;border-color:#d9481c;color:white}.demo-outline{background:transparent;color:#1a1815;border-color:#d9d3ca}.demo-link{border:0;background:transparent;text-decoration:underline;color:#d9481c;padding:8px 0;cursor:pointer;min-height:44px}
.demo-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid #1a1815;padding:40px;margin:48px 0;background:#fff}.demo-cta h2{margin-top:12px}.demo-cta p{max-width:650px;margin-bottom:0}
.demo-field,.demo-form label:not(.demo-check){display:grid;gap:8px;font-size:13px;color:#56514a}.demo-field{max-width:600px;margin:24px 0}.demo-form{display:grid;gap:22px;padding:28px;border:1px solid #e7e3dc;background:white}.demo-form fieldset{padding:0;border:0;display:grid;gap:18px;min-width:0}.demo-form legend{font:13px var(--vipel-font-mono);padding:12px 0 18px}.demo-form p{margin:0}.demo-form input:not([type=checkbox]):not([type=radio]),.demo-field input,.demo-field textarea,.demo-form textarea,.demo-search input{width:100%;min-height:48px;border:1px solid #d9d3ca;background:#fcfbf9;padding:12px;color:#1a1815;border-radius:0;outline-offset:3px}.demo-form textarea,.demo-field textarea{resize:vertical}.demo-check{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-height:44px;font-size:13px}.demo-check input{width:18px;height:18px;flex-shrink:0;accent-color:#d9481c}.demo-form .demo-button{justify-self:start}.demo-form .demo-grid label{min-width:0}
.demo-faq{border-bottom:1px solid #d9d3ca;padding:20px 0}.demo-faq summary{font-weight:600;cursor:pointer;min-height:44px;display:list-item;padding:10px 0}.demo-faq p{max-width:850px}.demo-steps{padding-left:24px}.demo-steps li{padding:12px 0;border-bottom:1px solid #e7e3dc}
.demo-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #e7e3dc}.demo-table{border-collapse:collapse;width:100%;background:white;text-align:left;font-size:14px}.demo-table th,.demo-table td{padding:20px;border-bottom:1px solid #e7e3dc;border-right:1px solid #e7e3dc;min-width:145px;vertical-align:top}.demo-table th{font-weight:600;background:#f6f3ee}.demo-table .demo-link{display:block}.demo-table .demo-mpn{font-size:13px}.demo-table th:first-child{min-width:170px}
.demo-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e7e3dc;border-left:1px solid #e7e3dc}.demo-brand-grid a{padding:30px;border-bottom:1px solid #e7e3dc;border-right:1px solid #e7e3dc;text-decoration:none;display:flex;flex-direction:column;gap:10px;background:white}.demo-brand-grid strong{font-size:25px}.demo-brand-grid span{font:11px var(--vipel-font-mono);color:#a59f95}
.demo-product-picture{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#f1ede5 0 8px,#e9e4da 8px 16px);color:#8b857b;font:13px var(--vipel-font-mono);text-decoration:none;margin-bottom:22px}.demo-mpn{font:600 17px/1.5 var(--vipel-font-mono);text-decoration:none;overflow-wrap:anywhere}.demo-product-card{text-align:right}.demo-product-card .demo-actions{justify-content:flex-end}.demo-price{font:700 24px var(--vipel-font-mono);margin:20px 0}.demo-basket-row{display:grid;grid-template-columns:88px minmax(0,1fr) 120px;gap:24px;padding:24px 0;border-bottom:1px solid #e7e3dc;align-items:start}.demo-basket-row p{margin:8px 0}.demo-basket-row label{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.demo-basket-row input{width:90px;min-height:44px;padding:8px;border:1px solid #d9d3ca}.demo-basket-row .demo-link{margin-left:16px}.demo-basket-row>strong{text-align:right;font:600 16px var(--vipel-font-mono)}
.demo-account-nav{display:flex;flex-wrap:wrap;gap:12px 24px;border-bottom:1px solid #e7e3dc;margin-bottom:32px;padding-bottom:20px}.demo-account-nav a{font-size:13px;min-height:44px;display:flex;align-items:center;text-decoration:none}.demo-auth{max-width:520px;margin:40px auto}.demo-auth-links{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.demo-search{display:flex;gap:12px}.demo-search input{flex:1;min-width:0}.demo-empty{padding:48px 28px;border:1px solid #e7e3dc;background:white;text-align:center}.demo-empty .demo-actions{justify-content:center}.demo-error-code{font-size:clamp(80px,20vw,160px);font-weight:800;letter-spacing:-.07em;color:#d9481c}.demo-map-list{padding-left:18px}.demo-map-list li{margin:12px 0}.demo-map-list a{font-size:14px}.demo-code{padding:28px;background:#1a1815;color:#faf7f2;overflow:auto;margin:0;font:14px/1.7 var(--vipel-font-mono)}
.demo-map{aspect-ratio:4/3;display:grid;place-items:center;text-align:center;background:linear-gradient(90deg,transparent 48%,#ded8cd 48% 53%,transparent 53%),linear-gradient(25deg,#f3f0e9 44%,#ded8cd 44% 50%,#f3f0e9 50%);border:1px solid #e7e3dc}.demo-map span{padding:24px;background:#fcfbf9;border:1px solid #1a1815}.demo-map small{color:#a59f95}.demo-paper{aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:center;align-items:center;background:repeating-linear-gradient(45deg,#f1ede5 0 8px,#e9e4da 8px 16px);font:18px var(--vipel-font-mono);color:#8b857b}.demo-paper span{font-size:11px;margin-top:10px}.demo-document-layout{grid-template-columns:260px minmax(0,1fr)}.demo-document-toc{display:grid;gap:18px;position:sticky;top:24px;font-size:13px}.demo-prose{max-width:800px}.demo-prose section{padding-bottom:36px;margin-bottom:36px;border-bottom:1px solid #e7e3dc}.demo-prose h2{font-size:30px}
.demo-tabs{display:flex;border-bottom:1px solid #1a1815;gap:8px}.demo-tabs button{padding:14px 22px;border:0;background:transparent;cursor:pointer;min-height:48px}.demo-tabs [aria-selected=true]{background:#1a1815;color:white}.demo-upload{border:1px dashed #a59f95;background:#fff;padding:48px;text-align:center;margin-top:24px}
.demo-dialog{border:1px solid #1a1815;max-width:calc(100vw - 32px);width:480px;padding:32px;background:#fcfbf9;color:#1a1815}.demo-dialog::backdrop{background:#1a181577}.demo-dialog:not([open]){display:none}.demo-dialog h2{font-size:25px;line-height:1.2;margin-top:0}.demo-dialog p{line-height:1.6}
/* Repeated dynamic blocks restored from the exported design data. */
.demo-tree>input{width:100%;padding:12px;border:1px solid #d9d3ca;background:white;margin:12px 0 20px}.demo-tree details{border-bottom:1px solid #ece8e1;font-size:13px}.demo-tree summary{padding:10px 0;cursor:pointer}.demo-tree small{float:right;color:#a59f95;font-family:var(--vipel-font-mono)}.demo-tree a{display:block;margin-left:16px;padding:8px 0;text-decoration:none;color:#56514a}.demo-tree a:hover{color:#d9481c}.demo-filter-heading{display:flex;justify-content:space-between;margin-top:32px;align-items:center}.demo-filter-heading button{border:0;background:none;color:#d9481c;font-size:12px}.demo-filters fieldset{border:0;border-top:1px solid #e7e3dc;padding:18px 0;min-width:0;margin:0}.demo-filters legend{font-size:13px;font-weight:600;padding:12px 0}.demo-filters label{display:flex;gap:8px;align-items:center;font-size:12px;min-height:32px}.demo-filters input[type=checkbox]{width:15px;height:15px;flex-shrink:0;accent-color:#d9481c}.demo-filters small{margin-left:auto;color:#a59f95;font:10px var(--vipel-font-mono)}.demo-range{display:flex;gap:8px}.demo-range input{width:50%;padding:8px;border:1px solid #d9d3ca}.demo-subcategory{padding:18px;border:1px solid #e7e3dc;display:grid;gap:8px;text-decoration:none;background:#fff;font-size:13px}.demo-subcategory span{font-size:11px;color:#a59f95}.catalog-pagination button{min-height:44px;padding:8px 18px;border:1px solid #e7e3dc;background:#fff;cursor:pointer}.catalog-pagination button:disabled{opacity:.4;cursor:default}.catalog-pagination{gap:16px}
.demo-thumb{aspect-ratio:1;border:1px solid #e7e3dc;padding:8px;background:repeating-linear-gradient(45deg,#f4f1ea 0 6px,#efeae0 6px 12px);font:11px var(--vipel-font-mono);cursor:pointer}.demo-thumb[aria-pressed=true]{border-color:#1a1815;color:#d9481c}.demo-tier{display:flex;width:100%;justify-content:space-between;padding:8px 10px;border:0;background:transparent;cursor:pointer;font:12px var(--vipel-font-mono);gap:8px}.demo-tier[aria-pressed=true]{background:#1a1815;color:white}.demo-spec-group{margin-bottom:28px}.demo-spec-group h3{font:600 16px var(--vipel-font-sans);margin:0 0 16px}.demo-spec{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;font-size:13px;border-bottom:1px solid #e7e3dc;background:#f6f3ee;cursor:pointer}.demo-spec:nth-child(odd){background:#fff}.demo-spec input{accent-color:#d9481c}.demo-spec strong{font-weight:600}.demo-pack{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #e7e3dc;background:white;margin-bottom:8px;cursor:pointer}.demo-pack input{accent-color:#d9481c}.demo-document{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.vipel-layout .home-brands a:hover,.vipel-layout .cat-panel a:hover{color:#d9481c}.vipel-layout .source-style-e322a2313 a{overflow-wrap:anywhere}.vipel-layout .source-footer .source-style-51b97c4f1{min-height:44px}.vipel-layout .source-style-9a9a7a808{align-self:flex-end}
@media(max-width:1100px){.demo-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-two-column{gap:32px}.demo-checkout-grid{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.demo-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:896px){.demo-page{padding-inline:24px}.demo-checkout-grid{grid-template-columns:1fr}.demo-summary{position:static}.demo-document-layout{grid-template-columns:1fr}.demo-document-toc{position:static}.demo-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-summary .demo-button{width:auto}}
@media(max-width:760px){.demo-two-column,.demo-grid-2{grid-template-columns:1fr;gap:24px}.demo-cta{flex-direction:column;align-items:flex-start;padding:28px}.demo-page-head{margin-bottom:28px}.demo-page h2{font-size:25px}.demo-section{margin:36px 0}.demo-basket-row{grid-template-columns:66px minmax(0,1fr);gap:16px}.demo-basket-row>strong{grid-column:2;text-align:right}.demo-basket-row .demo-link{margin-left:0}.demo-form input:not([type=checkbox]):not([type=radio]),.demo-form textarea,.demo-field input,.demo-search input,.demo-range input{font-size:16px}.demo-search{flex-wrap:wrap}.demo-search input{flex-basis:60%}.demo-spec{padding:10px 6px;gap:6px;font-size:12px}}
@media(max-width:480px){.demo-page{padding:16px 16px 48px}.demo-grid-3{grid-template-columns:1fr}.demo-card,.demo-form,.demo-summary{padding:20px}.demo-page-head{padding-top:0}.demo-brand-grid a{padding:22px 12px}.demo-brand-grid strong{font-size:20px}.demo-brand-grid span{font-size:10px}.demo-cta{padding:24px}.demo-tabs button{padding:12px;font-size:13px}.demo-upload{padding:28px 16px}.demo-dialog{padding:24px}.demo-pack{padding:12px 10px;gap:10px}.demo-table th,.demo-table td{padding:14px}.demo-product-card .demo-actions{justify-content:flex-end}.demo-page h1{font-size:30px}.demo-card h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:1280px){.vipel-layout .home-brands .source-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}}
.vipel-layout [data-param-reset]{border:0;background:transparent;font:inherit;cursor:pointer;color:#d7c7b5;text-decoration:underline}
.demo-summary > .demo-link{display:block;margin-top:12px}
.demo-account-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px;align-items:start}.demo-account-layout .demo-account-nav{display:flex;flex-direction:column;align-items:stretch;margin:0;border-bottom:0;border-right:1px solid #dedbd4;padding:0 20px 20px 0}.demo-account-content{min-width:0}.demo-account-content>.demo-cta:first-child{margin-top:0}
@media(max-width:1024px){.demo-account-layout{display:block}.demo-account-layout .demo-account-nav{flex-direction:row;flex-wrap:wrap;gap:12px 22px;border-right:0;border-bottom:1px solid #dedbd4;margin-bottom:28px;padding:0 0 20px}}

/* End */


/* Start:/local/templates/vipel/assets/css/commerce.css?17903515904398*/
/* Native commerce forms and actions, styled with the Vipel design system. */
.vipel-site .live-commerce .form-control,
.vipel-site .live-commerce input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),
.vipel-site .live-commerce textarea,
.vipel-site .live-commerce select { max-width:100%; border-color:var(--vipel-color-border-strong); border-radius:var(--vipel-radius-sm); font-family:var(--vipel-font-sans); }
.vipel-site .live-commerce .btn,
.vipel-site .live-commerce button,
.vipel-site .live-commerce input[type=submit] { font-family:var(--vipel-font-sans); }
.vipel-site .live-commerce .btn-primary,
.vipel-site .live-commerce .btn-success,
.vipel-site .live-commerce .btn-default,
.vipel-site .live-commerce .basket-checkout-btn,
.vipel-site .live-commerce .bx-soa-cart-total-button-container .btn,
.vipel-site .live-commerce input[type=submit] { background:var(--vipel-color-accent); color:var(--vipel-color-surface); border:1px solid var(--vipel-color-accent); border-radius:var(--vipel-radius-sm); box-shadow:none; padding:var(--vipel-space-3) var(--vipel-space-5); }
.vipel-site .live-commerce .basket-items-list-wrapper,
.vipel-site .live-commerce .basket-checkout-container,
.vipel-site .live-commerce .bx-soa-section,
.vipel-site .live-commerce .bx-soa-cart-total,
.vipel-site .live-commerce .sale-order-list-container,
.vipel-site .live-commerce .sale-order-detail,
.vipel-site .live-commerce .bx-auth { border:1px solid var(--vipel-color-border); background:var(--vipel-color-surface); border-radius:0; box-shadow:none; }
.vipel-site .live-commerce .basket-checkout-container { padding:var(--vipel-space-5); }
.vipel-site .live-commerce .basket-item-price-current-text,
.vipel-site .live-commerce .basket-coupon-block-total-price-current,
.vipel-site .live-commerce .bx-soa-cart-total-line-total { font-family:var(--vipel-font-mono); }
.vipel-site .live-commerce .bx-soa-section-title-container,
.vipel-site .live-commerce .sale-order-list-title-container { background:var(--vipel-color-bg); }
.vipel-site .live-commerce .bx-soa-section.bx-selected { border-color:var(--vipel-color-accent); }
.vipel-site .live-commerce .bx-soa-section.bx-selected .bx-soa-section-title-count { background:var(--vipel-color-accent); border-color:var(--vipel-color-accent); }
.vipel-site .live-commerce .basket-item-info-name,
.vipel-site .live-commerce .basket-item-info-name-link { font-family:var(--vipel-font-sans); color:var(--vipel-color-text); overflow-wrap:anywhere; }
.vipel-site .live-commerce .bx-auth { width:100%; max-width:38rem; margin:0 auto; padding:var(--vipel-space-5); font-family:var(--vipel-font-sans); }
.vipel-site .live-commerce .bx-auth table { width:100%; }
.vipel-site .live-commerce .bx-auth input[type=text],
.vipel-site .live-commerce .bx-auth input[type=password] { width:100%; padding:var(--vipel-space-3); }
.vipel-site .live-commerce .bx-auth td { padding:var(--vipel-space-2); overflow-wrap:anywhere; }
.vipel-site .live-commerce .bx-auth a,
.vipel-site .live-commerce .bx-soa a { color:var(--vipel-color-accent); }
.vipel-site .live-commerce .bx-sbb-empty-cart-container { margin:0; padding:var(--vipel-space-7); border:1px solid var(--vipel-color-border); background:var(--vipel-color-surface); text-align:center; }
.vipel-site .live-commerce .bx-sbb-empty-cart-text { color:var(--vipel-color-text); font:var(--vipel-weight-semibold) var(--vipel-font-size-2xl)/1.3 var(--vipel-font-sans); }
.vipel-site .live-commerce .bx-404-container { text-align:center; padding:var(--vipel-space-6); }
.vipel-site .live-commerce .bx-404-block img { max-width:100%; height:auto; }
.vipel-site .live-commerce .map-columns { display:flex; flex-wrap:wrap; gap:var(--vipel-space-4); }
.vipel-site .live-commerce .map-columns td { vertical-align:top; }
@media(max-width:575px) {
 .vipel-site .live-commerce .bx-auth { padding:var(--vipel-space-3); }
 .vipel-site .live-commerce .bx-auth-table,
 .vipel-site .live-commerce .bx-auth-table tbody,
 .vipel-site .live-commerce .bx-auth-table tr,
 .vipel-site .live-commerce .bx-auth-table td { display:block; width:100%; text-align:left; }
 .vipel-site .live-commerce .bx-auth input { min-width:0; }
 .vipel-site .live-commerce .bx-sbb-empty-cart-container { padding:var(--vipel-space-5); }
 .vipel-site .live-commerce .basket-coupon-block-total-price-current { font-size:var(--vipel-font-size-2xl); }
}

/* End */


/* Start:/local/templates/vipel/assets/css/live.css?179035159014778*/
/* Component views inside the approved stage-2 composition. */
.vipel-live a{text-underline-offset:3px}.vipel-live .vipel-nav a[aria-current=page]{color:var(--vipel-color-accent)}
.vipel-live .vipel-search-host{flex:1;min-width:0}.vipel-live .vipel-search--header{width:100%}.vipel-live .vipel-header__links .bx-basket{display:inline-block;width:auto;font:inherit}.vipel-live .vipel-search--header button{border:0;background:transparent;color:var(--vipel-color-accent);min-height:44px}.vipel-live .vipel-search-host--home .vipel-search{margin:24px 0}
.vipel-live .vipel-content{min-width:0}.vipel-live .live-component{min-width:0;width:100%}.live-product-card img{width:100%;height:100%;object-fit:contain}.live-product-card{min-width:0}.live-product-card .demo-button{padding:10px;font-size:12px;min-height:40px;width:100%}.live-product-card .source-style-9df6ae045{overflow-wrap:anywhere}.vipel-layout .live-product-row{display:grid;grid-template-columns:96px minmax(0,1fr) 115px max-content;gap:24px;min-width:0}.live-product-row>a{width:96px;min-width:96px;height:90px}.live-product-row img{width:100%;height:100%;object-fit:contain}.live-product-description{min-width:0;flex:1}.live-product-description p{font-size:12px;line-height:1.5;color:var(--vipel-color-secondary);margin:8px 0}.live-product-description .demo-mpn{font-size:14px}.live-specs{display:flex;gap:8px;flex-wrap:wrap;font:10px var(--vipel-font-mono)}.live-specs span{padding:3px 6px;background:var(--vipel-color-bg)}.live-product-availability{align-self:center;font:11px/1.8 var(--vipel-font-mono);color:var(--vipel-color-success);width:115px}.live-product-price{display:flex;flex-direction:column;gap:12px;min-width:135px;font:16px var(--vipel-font-mono)}.live-product-price .demo-button{font:12px var(--vipel-font-sans);padding:10px}.live-pagination{margin:28px 0}
.live-brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--vipel-color-border);border-left:1px solid var(--vipel-color-border)}.live-brands a{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;min-height:108px;border-right:1px solid var(--vipel-color-border);border-bottom:1px solid var(--vipel-color-border);padding:20px 12px;text-align:center;min-width:0;overflow-wrap:anywhere}.live-brands strong{font-size:20px}.live-brands span{font:10px var(--vipel-font-mono);color:var(--vipel-color-muted)}.demo-page>.live-brands{grid-template-columns:repeat(4,minmax(0,1fr))}.live-banner{position:relative;display:flex;align-items:stretch;width:100%;height:100%;min-height:440px}.live-banner img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.live-banner span{position:absolute;left:20px;top:20px;background:var(--vipel-color-dark);color:white;padding:10px;font:11px var(--vipel-font-mono)}
.live-news-card{display:flex;flex-direction:column;border:1px solid var(--vipel-color-border);background:var(--vipel-color-surface);min-width:0}.live-news-card img{width:100%;height:190px;object-fit:cover}.live-news-card h3{font-size:18px;line-height:1.4;margin:12px 20px}.live-news-card>span,.live-news-card>p{margin:14px 20px;font-size:11px}.blog-feed article>a img{width:100%;height:100%;object-fit:cover}.blog-feed article>a{overflow:hidden}.blog-sidebar{min-width:0}.article-figure>img{width:100%;height:auto}.article-content p{line-height:1.85;margin:0 0 24px}.article-content h2{font-size:28px;line-height:1.3;margin:40px 0 20px}.article-content h3{font-size:22px;margin:30px 0 16px}.article-content blockquote{border-left:3px solid var(--vipel-color-accent);padding:20px 24px;margin:24px 0;background:var(--vipel-color-bg)}.article-content table{width:100%;border-collapse:collapse}.article-content td,.article-content th{border-bottom:1px solid var(--vipel-color-border);padding:12px;text-align:left}.article-content ul,.article-content ol{padding-left:24px;line-height:1.8}.article-content a{overflow-wrap:anywhere}.article-content img{max-width:100%;height:auto}.article-content .vipel-table-scroll{overflow:auto}.live-product-hero img{width:100%;height:auto}.live-gallery-thumbs{display:flex;gap:8px;margin:12px 0}.live-gallery-thumbs button{width:72px;border:1px solid var(--vipel-color-border);background:white;padding:4px}.live-gallery-thumbs img{width:100%;height:50px;object-fit:contain}.product-buy-box .demo-button{width:100%;margin-top:12px}.product-buy-box input{width:90px}.demo-filters input[type=number]{min-width:0;width:100%}.demo-filters .demo-range label{min-width:0}.catalog-toolbar select{max-width:100%;min-width:0}.source-footer .source-style-6ad687df8>a{font-size:13px;color:var(--vipel-color-secondary);line-height:1.7}
.vipel-live .live-commerce{min-height:60vh}.live-commerce .row{display:flex;flex-wrap:wrap;margin:0 -12px}.live-commerce [class*="col-"]{padding:0 12px;min-width:0}.live-commerce .col-md-12{width:100%}.live-commerce .col-md-9{width:75%}.live-commerce .col-md-3{width:25%}.live-commerce .col-md-8{width:66.66%}.live-commerce .col-md-4{width:33.33%}.live-commerce .col-md-6{width:50%}.live-commerce .btn{display:inline-block;padding:12px 18px;border:1px solid var(--vipel-color-border);border-radius:0;cursor:pointer;font:14px var(--vipel-font-sans)}.live-commerce .btn-primary,.live-commerce .btn-success{background:var(--vipel-color-accent);color:white;border-color:var(--vipel-color-accent)}.live-commerce .form-control{display:block;width:100%;padding:10px;border:1px solid var(--vipel-color-border);background:white;color:var(--vipel-color-text);font:14px var(--vipel-font-sans)}.live-commerce .alert{padding:16px;border:1px solid var(--vipel-color-border);margin:16px 0}.live-commerce .text-center{text-align:center}.live-commerce .d-none{display:none!important}.live-commerce input,.live-commerce select{max-width:100%}.live-commerce .bx-auth{max-width:650px;margin:auto}.live-commerce .bx-auth td{padding:8px}.live-commerce .bx-auth input[type=text],.live-commerce .bx-auth input[type=password]{padding:12px;width:100%;border:1px solid var(--vipel-color-border)}
@media(max-width:1024px){.live-brands{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-page>.live-brands{grid-template-columns:repeat(3,minmax(0,1fr))}.live-commerce .col-md-9,.live-commerce .col-md-3,.live-commerce .col-md-8,.live-commerce .col-md-4{width:100%}}
@media(max-width:600px){.live-brands,.demo-page>.live-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.live-brands strong{font-size:17px}.live-banner{min-height:280px}.live-product-price{min-width:0}.live-product-description .demo-mpn{font-size:12px}.live-product-row>a{width:76px;min-width:76px}.article-content h2{font-size:23px}.live-news-card img{height:180px}.live-commerce [class*="col-md-"]{width:100%}.live-commerce .bx-auth table,.live-commerce .bx-auth tbody,.live-commerce .bx-auth tr,.live-commerce .bx-auth td{display:block;width:100%}.live-commerce .bx-auth td{padding:6px 0}}

.live-basket-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.live-basket-items{grid-column:1;grid-row:1;min-width:0}.live-basket-summary{grid-column:2;grid-row:1}.live-basket-warning{grid-column:1/-1}.live-basket-summary .basket-checkout-container{display:flex;flex-direction:column;padding:0!important;border:0!important}.live-basket-summary .basket-checkout-section,.live-basket-summary .basket-coupon-section{width:100%;max-width:none;flex:auto;display:flex;flex-direction:column;align-items:stretch}.live-basket-summary .basket-coupon-block-total-price-current{font-size:28px}.live-basket-summary .basket-checkout-block{padding-top:16px}.live-basket-items .basket-items-list-wrapper{border:0!important}.live-commerce .basket-item-image{max-width:100%;height:auto}.live-commerce .basket-items-list-table{width:100%}.live-commerce .basket-item-info-name{font-size:16px}.live-commerce .basket-checkout-btn{width:100%}.live-checkout-form,.live-commerce .bx-soa-sidebar{min-width:0}.live-commerce .bx-soa-section{margin-bottom:20px}.live-commerce .bx-soa-section-title-container{padding:16px;background:transparent}.live-commerce .bx-soa-section-content{padding:20px}.live-commerce #bx-soa-total-mobile{display:none!important}.live-commerce .bx-soa-sidebar{position:sticky;top:20px}.live-commerce .bx-authform{max-width:none;background:transparent;padding:0}.live-commerce .bx-authform-formgroup-container input:not([type=checkbox]):not([type=radio]){border-radius:0;min-height:44px}.live-commerce .bx-authform .bx-title{font-size:22px}.live-commerce .bx-soa-coupon{padding:16px}.live-commerce .bx-soa-section-title{font-family:var(--vipel-font-sans)}
@media(max-width:896px){.live-basket-layout{grid-template-columns:1fr}.live-basket-items,.live-basket-summary{grid-column:1;grid-row:auto}.live-basket-summary{order:2}.live-commerce .bx-soa-sidebar{position:static}.live-commerce .demo-account-layout{display:block}.live-commerce .row>[class*=col-]{width:100%}}

.live-row-buy{display:flex;gap:4px;align-items:stretch}.live-row-buy input{width:44px;min-width:0;border:1px solid var(--vipel-color-border);padding:6px}.live-row-buy .demo-button{flex:1}.live-cart-total{display:grid;gap:16px}.live-cart-total p,.live-cart-total h2{margin:0}.live-cart-total .demo-button{width:100%;white-space:normal}.live-commerce .basket-item-actions-remove{border:0;background:none;cursor:pointer}.live-commerce .d-block{display:block}.live-commerce .d-none{display:none!important}@media(min-width:768px){.live-commerce .d-md-none{display:none!important}.live-commerce .d-md-block{display:block!important}}

.vipel-live .demo-pack{width:100%;text-align:left;color:inherit;font:inherit;text-decoration:none}.vipel-live .live-brands a,.vipel-live .live-news-card,.vipel-live .source-footer a,.vipel-live .live-product-card a{text-decoration:none}.vipel-live .demo-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vipel-live .demo-pagination a{padding:10px 14px;border:1px solid var(--vipel-color-border);text-decoration:none}.vipel-live .demo-pagination a[aria-current=page]{background:var(--vipel-color-dark);color:white}

.vipel-live .blog-feed a,.vipel-live .blog-sidebar a{text-decoration:none}.vipel-live .blog-feed a:hover,.vipel-live .blog-sidebar a:hover{text-decoration:underline}

.live-commerce .demo-auth{border:1px solid var(--vipel-color-border);background:var(--vipel-color-surface);padding:28px}.live-commerce .bx-soa-section-title-count{color:var(--vipel-color-accent)}@media(max-width:600px){.live-commerce .demo-auth{padding:20px}}

.vipel-live .live-empty-media{background:var(--vipel-color-bg)!important;border:1px solid var(--vipel-color-border);text-align:center;padding:24px}.vipel-live .live-empty-media span{font:12px/1.5 var(--vipel-font-mono);color:var(--vipel-color-muted)}.vipel-layout--article .article-content{counter-reset:article-section}.vipel-layout--article .article-content h2{font-size:32px;letter-spacing:-.025em;line-height:1.2;margin:56px 0 24px;counter-increment:article-section}.vipel-layout--article .article-content h2::before{content:counter(article-section,decimal-leading-zero);display:block;font:11px var(--vipel-font-mono);color:var(--vipel-color-muted);margin-bottom:12px}.vipel-layout--article .article-content p{font-size:16px;line-height:1.8;margin-bottom:20px}.vipel-layout--article .article-content blockquote{margin-block:28px;padding:24px;background:var(--vipel-color-accent-soft);font-size:16px}.vipel-layout--article .article-content blockquote p:last-child{margin:0}.vipel-layout--article .article-content pre{white-space:pre-wrap;border-block:1px solid var(--vipel-color-border-strong);padding:28px 0;margin-block:28px;font:clamp(20px,2.4vw,28px)/1.4 var(--vipel-font-mono);overflow-wrap:anywhere}.vipel-layout--article .article-content table{font-size:14px}.vipel-layout--article .article-content caption{text-align:left;padding:14px 0}.vipel-layout--article .article-content thead th{background:var(--vipel-color-dark);color:white}.vipel-layout--article .article-content tbody th{color:var(--vipel-color-text)}.vipel-layout--article .article-figure>img{aspect-ratio:2/1;object-fit:contain}.vipel-layout--article .article-content ol li{margin-block:12px}.vipel-layout--article .article-related-card{text-decoration:none}@media(max-width:600px){.vipel-layout--article .article-content h2{font-size:26px}.vipel-layout--article .article-content blockquote{padding:20px}}

.vipel-live .source-style-de5b86281.live-empty-media{background:var(--vipel-color-dark)!important;border-color:var(--vipel-color-secondary)}

/* Native authentication retains its actions and security fields inside the approved card. */
.vipel-live .live-commerce .bx-authform{width:100%;max-width:560px;margin:0 auto;font:14px/1.6 var(--vipel-font-sans);color:var(--vipel-color-text)}
.vipel-live .live-commerce .bx-authform-formgroup-container{margin-bottom:18px}
.vipel-live .live-commerce .bx-authform .checkbox .bx-filter-param-label{display:flex;align-items:center;gap:8px;min-height:44px}
.vipel-live .live-commerce .bx-authform .checkbox input[type=checkbox]{flex:0 0 auto;margin:0}
.vipel-live .live-commerce .bx-authform-label-container{font:12px var(--vipel-font-mono);color:var(--vipel-color-secondary);margin-bottom:8px;display:block}
.vipel-live .live-commerce .bx-authform-input-container input{font:15px var(--vipel-font-sans);background:var(--vipel-color-surface);border:1px solid var(--vipel-color-border);border-radius:0;padding:12px;min-height:44px;box-shadow:none;color:var(--vipel-color-text)}
.vipel-live .live-commerce .bx-authform .btn-primary{font:14px var(--vipel-font-sans);padding:12px 22px;min-height:44px;border:1px solid var(--vipel-color-dark);border-radius:0;background:var(--vipel-color-dark);color:white}
.vipel-live .live-commerce .demo-auth{max-width:616px}.vipel-live .demo-paper{background:var(--vipel-color-bg)}

/* Catalog rows: product summary, stock/price, then purchase controls on phones. */
.vipel-layout .live-row-buy input{flex:0 0 44px;width:44px;min-height:44px}
.vipel-layout .live-row-buy .demo-button{white-space:nowrap;min-height:44px}
@media(max-width:1200px){
  .vipel-layout .live-product-row{grid-template-columns:96px minmax(0,1fr) max-content max-content}
  .vipel-layout .live-product-description{grid-column:2 / -1}
  .vipel-layout .live-product-availability{grid-column:1 / 3;grid-row:2;width:auto}
  .vipel-layout .live-product-price{display:contents}
  .vipel-layout .live-product-price>strong{grid-column:3;grid-row:2;align-self:center;font:700 16px var(--vipel-font-mono)}
  .vipel-layout .live-row-buy{grid-column:4;grid-row:2;align-self:center}
}
@media(max-width:600px){
  .vipel-layout .live-product-row{grid-template-columns:76px minmax(0,1fr) max-content;gap:12px}
  .vipel-layout .live-row-buy{grid-column:1 / -1;grid-row:3}
}

/* End */


/* Start:/local/templates/vipel/components/bitrix/sale.basket.basket.line/header/style.css?17903515904934*/
.bx-basket { }

.bx-basket-block {
	margin: auto;
	position: relative;
	padding-bottom: 5px;
	padding-left: 20px;
	white-space: nowrap;
	font-size: 12px;
}

.bx-basket-block > .fa {
	position: absolute;
	top: 3px;
	left: 0;
	width: 12px;
	color: #97a1ab;
}

.bx-basket-block a { margin-right: 10px; }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 100;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }

	.block-store-catalog-list .bx-basket-fixed.bottom { bottom: 140px }
	.block-store-catalog-list .bx-basket-fixed.left { left: 30px }
}

@media (min-width: 768px) and (width <= 992px) {
	.block-store-catalog-list .bx-basket-fixed.bottom { bottom: 140px }
	.block-store-catalog-list .bx-basket-fixed.left { left: 30px }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 100;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list { display: none; }

	.block-wrapper .bx-basket-fixed {
		padding-top: 0;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile {
		display: flex;
		justify-content: space-between;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block {
		padding-bottom: 0;
	}

	/*.bx-basket-fixed */
}

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }

/* End */


/* Start:/local/templates/vipel/template_styles.css?179035159082*/
/* Stylesheets are registered individually through Bitrix Asset in header.php. */

/* End */
/* /local/templates/vipel/components/bitrix/_shared/style.css?179035159013482 */
/* /local/templates/vipel/assets/css/design-tokens.css?17903515902639 */
/* /local/templates/vipel/assets/css/design-system.css?179035159015373 */
/* /local/templates/vipel/assets/css/template.css?17903515906909 */
/* /local/templates/vipel/assets/css/layout.css?179035159075034 */
/* /local/templates/vipel/assets/css/layout-responsive.css?179035159018825 */
/* /local/templates/vipel/assets/css/demo.css?179035159014710 */
/* /local/templates/vipel/assets/css/commerce.css?17903515904398 */
/* /local/templates/vipel/assets/css/live.css?179035159014778 */
/* /local/templates/vipel/components/bitrix/sale.basket.basket.line/header/style.css?17903515904934 */
/* /local/templates/vipel/template_styles.css?179035159082 */