/* Очки500 — каталог очковых линз по референсу, MODX 3.2.4.
   Стили изолированы классом .o500ls, шапку и подвал НЕ изменяют. */
.o500ls {
  --ls-blue:#1269d5; --ls-blue-dark:#0754b2; --ls-text:#132640;
  --ls-muted:#60728a; --ls-border:#dfe8f1; --ls-pale:#f3f8fd;
  color:var(--ls-text); background:#fff; min-height:70vh;
  font:400 16px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
.o500ls *, .o500ls *::before,.o500ls *::after {box-sizing:border-box}
.o500ls a {color:inherit; text-decoration:none}
.o500ls a:hover {color:var(--ls-blue-dark)}
.o500ls button,.o500ls select,.o500ls input {font:inherit}
.o500ls button {cursor:pointer}
.o500ls :focus-visible {outline:3px solid #2174d7;outline-offset:3px}
.o500ls-wrap {width:min(1440px,calc(100% - 42px));margin:0 auto;padding-bottom:48px}
.o500ls-crumbs {display:flex;flex-wrap:wrap;gap:9px;padding:15px 0 8px;color:#718296;font-size:14px}
.o500ls-intro h1 {font-size:clamp(27px,3vw,39px);line-height:1.2;margin:0 0 6px;font-weight:700;letter-spacing:-.025em}
.o500ls-intro p {font-size:16px;line-height:1.55;margin:0 0 16px;max-width:1050px;color:#44566d}
.o500ls-hero {position:relative;display:flex;align-items:center;min-height:288px;overflow:hidden;isolation:isolate;border:1px solid #dfebf6;border-radius:13px;background:linear-gradient(100deg,#e7f1fc 0%,#eff7ff 50%,#dceffa 100%);padding:28px 30px;margin:0 0 14px}
.o500ls-hero::before {content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 67% 77%,rgba(75,174,206,.25),transparent 32%),radial-gradient(ellipse at 70% 18%,rgba(255,255,255,.85),transparent 30%),linear-gradient(90deg,rgba(236,246,255,.93) 0%,rgba(236,246,255,.65) 48%,transparent 70%);z-index:-1}
.o500ls-hero-copy {position:relative;z-index:2;max-width:510px;flex:0 0 47%}
.o500ls-eyebrow {font-size:14px!important;font-weight:600;color:#4a7198;margin:0 0 9px!important}
.o500ls-hero h2 {font-size:clamp(26px,2.65vw,38px);line-height:1.16;margin:0 0 11px;font-weight:750;letter-spacing:-.025em}
.o500ls-hero-copy>p:not(.o500ls-eyebrow) {font-size:15px;line-height:1.55;max-width:445px;margin:0;color:#425976}
.o500ls-hero-buttons {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.o500ls-btn {min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ls-blue);border-radius:7px;padding:10px 16px;background:var(--ls-blue);color:#fff!important;font-size:14px;font-weight:650;text-align:center;text-decoration:none!important}
.o500ls-btn:hover {background:var(--ls-blue-dark);color:#fff!important}
.o500ls-btn--white {background:#fff;color:var(--ls-blue-dark)!important;border-color:var(--ls-blue)}
.o500ls-btn--white:hover {background:#eaf4ff;color:var(--ls-blue-dark)!important}
/* Прозрачные линзы — исключительно CSS, без сторонних картинок. */
.o500ls-hero-lenses {position:absolute;z-index:0;left:46%;top:20px;width:37%;height:260px;pointer-events:none}
.o500ls-hero-lenses i {position:absolute;display:block;width:210px;height:210px;left:19%;top:30px;border-radius:51% 49% 50% 50%;transform:rotate(-18deg) skew(-7deg,-2deg);background:radial-gradient(circle at 27% 22%,rgba(255,255,255,.97),rgba(242,253,255,.44) 41%,rgba(111,182,214,.14) 79%,rgba(122,153,183,.2));border:6px solid rgba(110,149,178,.67);box-shadow:inset 10px 8px 27px rgba(255,255,255,.96),inset -13px -12px 30px rgba(64,134,168,.2),19px 25px 24px rgba(42,99,124,.17)}
.o500ls-hero-lenses i+ i {left:48%;top:4px;width:198px;height:228px;border:5px solid rgba(87,133,173,.7);transform:rotate(19deg) skew(8deg,2deg);box-shadow:inset 6px 8px 24px rgba(255,255,255,.92),inset -14px -9px 28px rgba(55,125,168,.17),16px 24px 26px rgba(39,91,132,.18)}
.o500ls-hero-features {position:relative;z-index:2;flex:0 0 206px;margin:0 0 0 auto;padding:0;list-style:none;display:grid;gap:17px}
.o500ls-hero-features li {display:flex;gap:9px;align-items:center;font-size:14px;font-weight:550;line-height:1.35}
.o500ls-hero-features span,.o500ls-quick>a>span,.o500ls-guide-benefits span {display:grid;place-items:center;border:1px solid #a8c9eb;background:rgba(255,255,255,.8);color:var(--ls-blue);width:33px;height:33px;flex:0 0 33px;border-radius:50%;font-size:19px}
.o500ls-quick {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:0 0 18px}
.o500ls-quick a {display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:10px;min-height:67px;padding:9px 11px;border:1px solid var(--ls-border);border-radius:9px;box-shadow:0 2px 8px rgba(31,87,140,.035);background:#fff}
.o500ls-quick>a>span {grid-row:1/3;align-self:center;background:#eaf4ff;width:39px;height:39px}
.o500ls-quick b {font-size:14px;line-height:1.25;align-self:end}
.o500ls-quick small {font-size:14px;color:var(--ls-muted);line-height:1.3}
/* Каталог */
.o500ls-shop {scroll-margin-top:20px}
.o500ls-toolbar {display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 12px}
.o500ls-toolbar p {margin:0;font-size:15px;color:#3e5874}
.o500ls-toolbar b {color:#1e3c63}
.o500ls-toolbar-right {display:flex;align-items:center;gap:9px;font-size:14px}
.o500ls-toolbar-right select {min-height:39px;border:1px solid #d8e4ef;border-radius:7px;padding:7px 29px 7px 12px;color:#223b5b;background:#fff;max-width:240px}
.o500ls-layout-toggle {display:flex;gap:4px}
.o500ls-layout-toggle button {min-width:36px;height:38px;border:1px solid #d9e5f0;border-radius:6px;background:#fff;color:#486b90;font-size:21px;line-height:1}
.o500ls-layout-toggle button.is-current {background:var(--ls-blue);color:#fff}
.o500ls-shop-layout {display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:18px}
.o500ls-sidebar {border:1px solid var(--ls-border);border-radius:9px;background:#f9fbfd;padding:12px}
.o500ls-filter-head {display:flex;align-items:center;justify-content:space-between;margin:0 0 6px}
.o500ls-filter-head strong {font-size:18px}
.o500ls-filter-head a {font-size:14px;color:var(--ls-blue);text-decoration:underline}
.o500ls-facet {border-top:1px solid #dfe8f1}
.o500ls-facet summary {list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 0;font-size:15px;font-weight:650}
.o500ls-facet summary::-webkit-details-marker {display:none}
.o500ls-facet summary::after {content:"⌄";color:#617a95;font-size:18px;line-height:1}
.o500ls-facet[open] summary::after {content:"⌃"}
.o500ls-options {display:grid;gap:7px;max-height:240px;overflow:auto;padding:0 4px 13px 0;scrollbar-width:thin}
.o500ls-option {display:flex;align-items:center;gap:8px;line-height:1.3;font-size:14px;cursor:pointer;color:#32455e}
.o500ls-option input {accent-color:var(--ls-blue);width:16px;height:16px;flex:0 0 16px;margin:0}
.o500ls-option span {flex:1;overflow-wrap:anywhere}
.o500ls-option small {color:#72849a;font-size:14px}
.o500ls-price {border:0;border-top:1px solid var(--ls-border);padding:12px 0 4px;margin:0}
.o500ls-price legend {font-weight:650;font-size:15px;padding-top:8px}
.o500ls-price>div {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.o500ls-price label {font-size:14px;color:#547088;min-width:0}
.o500ls-price input {display:block;width:100%;height:39px;border:1px solid #cbdceb;border-radius:7px;padding:8px;font-size:14px;background:#fff;color:#213957}
.o500ls-btn--wide {width:100%;margin-top:14px;min-height:43px}
.o500ls-reset {display:block;text-align:center;font-size:14px;color:var(--ls-blue)!important;text-decoration:underline!important;margin:9px 0 2px}
.o500ls-mobile-filter {display:none}
.o500ls-main {min-width:0}
.o500ls-products {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.o500ls-product {min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e1e9f1;border-radius:10px;background:#fff;box-shadow:0 3px 14px rgba(26,69,114,.06)}
.o500ls-image {position:relative;display:grid;place-items:center;aspect-ratio:1.34;overflow:hidden;background:linear-gradient(145deg,#f3f8fc,#e8f4fb)}
.o500ls-image img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;background:#fff}
.o500ls-image img[hidden] {display:none}
.o500ls-lens-placeholder {position:absolute;inset:0;display:block}
.o500ls-lens-placeholder i {position:absolute;left:23%;top:19%;width:48%;aspect-ratio:1;border-radius:50%;border:4px solid #9db7cc;background:radial-gradient(circle at 25% 25%,#fff,rgba(232,248,254,.32) 60%,rgba(148,184,210,.34));box-shadow:9px 12px 16px rgba(42,81,115,.16);transform:rotate(-14deg) skewX(-5deg)}
.o500ls-lens-placeholder i+i {left:41%;top:25%;border-color:#b4c8da;opacity:.86}
.o500ls-badge {position:absolute;left:8px;top:8px;z-index:2;background:#2683de;color:#fff;border-radius:16px;padding:4px 9px;font-size:14px;font-weight:650;max-width:85%}
.o500ls-product-body {padding:11px;display:flex;flex-direction:column;flex:1;min-height:225px}
.o500ls-brand {font-size:14px;font-weight:800;letter-spacing:.02em;color:#1469c0;text-transform:uppercase}
.o500ls-product h3 {font-size:14px;line-height:1.38;margin:5px 0 9px;font-weight:700;min-height:39px}
.o500ls-product h3 a {color:#1b2d43}
.o500ls-spec {margin:2px 0;font-size:14px;color:#54677d;line-height:1.4;overflow-wrap:anywhere}
.o500ls-spec span {color:#37516f}
.o500ls-short {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.o500ls-price-line {display:flex;align-items:end;gap:6px;justify-content:space-between;margin:auto 0 10px;padding-top:13px}
.o500ls-price-line strong {display:block;font-size:20px;color:#14243e;line-height:1.25;white-space:nowrap}
.o500ls-price-line small {display:block;font-size:14px;color:#7a8795;line-height:1.25}
.o500ls-stock {display:block;font-size:14px;color:#738193;line-height:1.25;white-space:nowrap;text-align:right}
.o500ls-stock::before {content:"●";font-size:10px;color:#8391a0;margin-right:5px}
.o500ls-stock.in {color:#21864d}
.o500ls-stock.in::before {color:#20aa64}
.o500ls-stock.order {color:#bf740f}
.o500ls-stock.order::before {color:#e98d1a}
.o500ls-card-button {width:100%;min-height:38px;padding:7px 10px;margin-top:0}
.o500ls-products.is-list {grid-template-columns:1fr}
.o500ls-products.is-list .o500ls-product {flex-direction:row}
.o500ls-products.is-list .o500ls-image {flex:0 0 220px;aspect-ratio:auto;min-height:190px}
.o500ls-products.is-list .o500ls-product-body {min-height:190px}
.o500ls-pages {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:25px 0 12px}
.o500ls-pages a,.o500ls-pages span {min-width:38px;min-height:38px;display:grid;place-items:center;border-radius:7px;padding:7px 10px}
.o500ls-pages a {border:1px solid #d5e2ef;font-size:14px}
.o500ls-pages a[aria-current="page"] {background:var(--ls-blue);color:#fff;border-color:var(--ls-blue)}
.o500ls-empty {padding:40px 25px;text-align:center;background:#f7faff;border:1px solid var(--ls-border);border-radius:12px}
/* Блок статьи и FAQ */
.o500ls-guide {display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px;align-items:center;margin:22px 0 18px}
.o500ls-guide-art {min-height:220px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#c4d6e6,#e9f5fd 50%,#b1ccdf)}
.o500ls-guide-lens {display:block;width:145px;height:145px;border:8px solid #5e8eb6;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.9),rgba(146,198,226,.13) 60%);border-radius:50%;box-shadow:inset 8px 10px 26px rgba(255,255,255,.94),20px 18px 24px rgba(27,61,95,.24);transform:rotate(-10deg) skewX(-12deg)}
.o500ls-guide h2,.o500ls-bottom-grid h2 {font-size:clamp(22px,2.5vw,29px);line-height:1.3;margin:0 0 8px}
.o500ls-guide p {font-size:15px;margin:0 0 15px;color:#51647c;line-height:1.6}
.o500ls-guide-benefits {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.o500ls-guide-benefits>div {display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.o500ls-guide-benefits span {background:#e6f2ff;margin-bottom:3px;width:40px;height:40px}
.o500ls-guide-benefits b {font-size:14px;line-height:1.35}
.o500ls-guide-benefits small {font-size:14px;color:#65778b;line-height:1.4}
.o500ls-bottom-grid {display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-top:10px}
.o500ls-faq details {border:1px solid var(--ls-border);border-bottom:0;background:#fff}
.o500ls-faq details:first-of-type {border-radius:9px 9px 0 0;overflow:hidden}
.o500ls-faq details:last-of-type {border-bottom:1px solid var(--ls-border);border-radius:0 0 9px 9px;overflow:hidden}
.o500ls-faq summary {padding:12px 16px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:14px}
.o500ls-faq summary::-webkit-details-marker {display:none}
.o500ls-faq summary::after {content:"⌄";color:#526982}
.o500ls-faq details[open] summary::after {content:"⌃"}
.o500ls-faq details p {padding:0 16px 14px;margin:0;color:#4e6076;font-size:14px}
.o500ls-articles {padding:14px 16px;background:#edf6ff;border-radius:10px}
.o500ls-articles h2 {font-size:19px}
.o500ls-articles a {display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;line-height:1.35}
.o500ls-articles a span {display:grid;place-items:center;width:49px;height:39px;flex:0 0 49px;border-radius:6px;background:#fff;color:#176bc5;font-size:25px}
@media(max-width:1250px) {.o500ls-products {grid-template-columns:repeat(3,minmax(0,1fr))}.o500ls-hero-lenses {opacity:.65}}
@media(max-width:1000px) {.o500ls-products {grid-template-columns:repeat(2,minmax(0,1fr))}.o500ls-shop-layout {grid-template-columns:210px minmax(0,1fr);gap:12px}.o500ls-quick {grid-template-columns:repeat(3,minmax(0,1fr))}.o500ls-hero-features {display:none}.o500ls-hero-copy {flex:0 0 60%}.o500ls-hero-lenses {left:55%}.o500ls-guide-benefits {grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px) {
 .o500ls-wrap {width:calc(100% - 26px)}
 .o500ls-hero {padding:23px;min-height:255px}
 .o500ls-hero-copy {flex:0 0 75%}
 .o500ls-hero-lenses {left:53%;opacity:.28}
 .o500ls-quick {grid-template-columns:repeat(2,minmax(0,1fr))}
 .o500ls-shop-layout {display:block}
 .o500ls-mobile-filter {display:flex;align-items:center;justify-content:space-between;width:100%;min-height:47px;padding:10px 14px;margin-bottom:12px;border:1px solid #bed3e7;border-radius:8px;background:#fff;color:#163d67;font-weight:650}
 .o500ls-shop.o500ls-js .o500ls-sidebar {display:none}
 .o500ls-shop.o500ls-js .o500ls-sidebar.is-open {display:block}
 .o500ls-sidebar {margin-bottom:16px}
 .o500ls-products {grid-template-columns:repeat(2,minmax(0,1fr))}
 .o500ls-guide {grid-template-columns:1fr}
 .o500ls-guide-art {display:none}
 .o500ls-bottom-grid {grid-template-columns:1fr}
}
@media(max-width:540px) {
 .o500ls-intro p {font-size:15px}
 .o500ls-hero {min-height:0}
 .o500ls-hero-copy {flex:1;max-width:none}
 .o500ls-hero h2 {font-size:27px}
 .o500ls-hero-lenses {display:none}
 .o500ls-hero-buttons {flex-direction:column}
 .o500ls-hero-buttons .o500ls-btn {width:100%}
 .o500ls-quick {gap:8px}
 .o500ls-quick a {grid-template-columns:33px 1fr;gap:6px;padding:9px}
 .o500ls-quick>a>span {width:31px;height:31px;flex-basis:31px;font-size:17px}
 .o500ls-quick b {font-size:14px}
 .o500ls-quick small {font-size:14px}
 .o500ls-toolbar {align-items:flex-start;flex-direction:column}
 .o500ls-toolbar-right {width:100%;flex-wrap:wrap}
 .o500ls-toolbar-right select {flex:1;min-width:135px}
 .o500ls-products {grid-template-columns:1fr}
 .o500ls-product-body {min-height:205px}
 .o500ls-product h3 {font-size:16px;min-height:auto}
 .o500ls-spec {font-size:14px}
 .o500ls-guide-benefits {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .o500ls-guide-benefits small {font-size:14px}
 .o500ls-products.is-list .o500ls-product {flex-direction:column}
 .o500ls-products.is-list .o500ls-image {flex:0 0 auto;aspect-ratio:1.34}
}
@media(prefers-reduced-motion:reduce) {.o500ls * {scroll-behavior:auto!important;transition:none!important}}

.o500ls-contact {scroll-margin-top:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf4ff;border:1px solid #d6e8f9;padding:22px 25px;border-radius:11px;margin:14px 0 25px}
.o500ls-contact h2 {margin:0 0 5px;font-size:22px}
.o500ls-contact p {margin:0;max-width:670px;color:#47617c;font-size:15px}
.o500ls-contact .o500ls-btn {flex-shrink:0}
@media(max-width:760px) {.o500ls-contact {flex-direction:column;align-items:stretch}.o500ls-contact .o500ls-btn{width:100%}}


/* =======================================================
   O500 LENS SHOP v2 — фото владельца и уточнения по референсу
   Не влияет на O500Header / O500Footer.
   Меняйте пути изображений ТОЛЬКО в HTML шаблоне.
======================================================= */

/* Широкий фото-баннер с градиентом поверх фотографии. */
.o500ls .o500ls-hero {min-height:285px; background-color:#eaf4fd; padding:30px 34px}
.o500ls .o500ls-hero-photo {
  position:absolute; inset:0; z-index:0; display:block;
  width:100%;height:100%;object-fit:cover;object-position:center center;
}
.o500ls .o500ls-hero::before {
  z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(237,246,255,.96) 0%,rgba(237,246,255,.91) 27%,rgba(237,246,255,.25) 58%,rgba(237,246,255,.55) 100%);
}
.o500ls .o500ls-hero-copy {z-index:2;max-width:485px;flex:0 0 43%}
.o500ls .o500ls-hero-features {z-index:2;max-width:205px}
.o500ls .o500ls-hero-lenses {display:none!important}
.o500ls .o500ls-hero h2 {font-weight:550}
.o500ls .o500ls-intro h1 {font-weight:550}
.o500ls .o500ls-eyebrow {font-weight:450}
.o500ls .o500ls-hero-features li {font-weight:450}
.o500ls .o500ls-quick b {font-weight:500}
.o500ls .o500ls-guide h2,.o500ls .o500ls-bottom-grid h2,.o500ls .o500ls-contact h2 {font-weight:550}
.o500ls .o500ls-guide-benefits b {font-weight:500}

/* Мягкая типографика фильтров и карточек без жирных названий. */
.o500ls .o500ls-filter-head strong {font-weight:550}
.o500ls .o500ls-facet summary {font-weight:450}
.o500ls .o500ls-price legend {font-weight:450}
.o500ls .o500ls-option,.o500ls .o500ls-option span {font-weight:400}
.o500ls .o500ls-toolbar b {font-weight:500}
.o500ls .o500ls-brand {font-weight:500}
.o500ls .o500ls-product h3,
.o500ls .o500ls-product h3 a {font-weight:450;line-height:1.45}
.o500ls .o500ls-price-line strong {font-weight:550;font-size:19px}
.o500ls .o500ls-badge {font-weight:500}
.o500ls .o500ls-faq summary {font-weight:450}
.o500ls .o500ls-btn {font-weight:550}

/* Настоящее фото вместо CSS-линзы в информационном блоке. */
.o500ls .o500ls-guide {grid-template-columns:minmax(190px,245px) minmax(0,1fr);align-items:stretch}
.o500ls .o500ls-guide-art {display:block;min-height:235px;background:#eef5fb}
.o500ls .o500ls-guide-photo {display:block;width:100%;height:100%;min-height:235px;object-fit:cover;object-position:center}

/* Живые новости MODX из ресурса 8. */
.o500ls .o500ls-articles-head {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.o500ls .o500ls-articles-head h2 {margin:0;font-weight:550;font-size:19px}
.o500ls .o500ls-articles a.o500ls-news-all {display:inline;flex:0 0 auto;padding:0;color:#1365c1;font-size:14px;text-decoration:underline}
.o500ls .o500ls-news-list {display:grid;gap:8px}
.o500ls .o500ls-articles a.o500ls-news-item {display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:11px;padding:5px 0;color:#1d3550;font-weight:400;min-height:65px}
.o500ls .o500ls-news-item + .o500ls-news-item {border-top:1px solid #d9e7f3}
.o500ls .o500ls-news-thumb {position:relative;display:block;width:72px;height:55px;border-radius:7px;background:#fff;overflow:hidden;border:1px solid #e1eaf3}
.o500ls .o500ls-news-thumb img {display:block;width:100%;height:100%;object-fit:cover}
.o500ls .o500ls-news-title {display:block;font-size:14px;font-weight:400;line-height:1.45;overflow-wrap:anywhere}
.o500ls .o500ls-news-noimage {display:grid;place-items:center;width:100%;height:100%;color:#5a99d6;font-size:25px}
.o500ls .o500ls-news-empty {font-size:14px;color:#61758a;margin:7px 0}

/* Удобная ширина и фото баннера на мобильных устройствах. */
@media(max-width:1000px){
  .o500ls .o500ls-hero-copy {flex:0 0 62%}
  .o500ls .o500ls-hero::before {background:linear-gradient(90deg,rgba(237,246,255,.97),rgba(237,246,255,.76) 55%,rgba(237,246,255,.4))}
  .o500ls .o500ls-guide {grid-template-columns:200px minmax(0,1fr)}
}
@media(max-width:760px){
  .o500ls .o500ls-hero-copy {flex:0 0 82%;max-width:480px}
  .o500ls .o500ls-guide {grid-template-columns:1fr}
  .o500ls .o500ls-guide-art {display:block;min-height:180px;max-height:270px}
  .o500ls .o500ls-guide-photo {min-height:180px;max-height:270px;object-position:center 35%}
}
@media(max-width:540px){
  .o500ls .o500ls-hero {padding:22px 20px;min-height:270px}
  .o500ls .o500ls-hero-copy {flex:1;max-width:100%}
  .o500ls .o500ls-hero::before {background:linear-gradient(90deg,rgba(237,246,255,.96),rgba(237,246,255,.88) 68%,rgba(237,246,255,.55))}
  .o500ls .o500ls-hero-photo {object-position:63% center}
  .o500ls .o500ls-news-item {grid-template-columns:72px minmax(0,1fr)}
}







/* Очки500 — исправление блока новостей */

.o500ls .o500ls-articles .o500ls-news-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  min-width: 0;
}

.o500ls .o500ls-articles a.o500ls-news-item {
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) !important;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-width: 0;
  padding: 11px 0;
  text-decoration: none;
}

.o500ls .o500ls-articles
a.o500ls-news-item > .o500ls-news-thumb {
  grid-column: 1;
  width: 86px !important;
  height: 64px !important;
  min-width: 86px;
  flex: none !important;
  overflow: hidden;
  border-radius: 8px;
  background: white;
}

.o500ls .o500ls-articles
a.o500ls-news-item > .o500ls-news-title {
  grid-column: 2;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;

  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;

  font-size: 15px !important;
  font-weight: 400;
  line-height: 1.45 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

@media (max-width: 480px) {
  .o500ls .o500ls-articles a.o500ls-news-item {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 10px;
  }

  .o500ls .o500ls-articles
  a.o500ls-news-item > .o500ls-news-thumb {
    width: 72px !important;
    min-width: 72px;
    height: 56px !important;
  }
}




/* Очки500 — фирменный синий */

.o500ls {
  --ls-blue: #145BAC;
  --ls-blue-dark: #0F4682;
  --ls-brand-pale: #E9F2FC;
  --ls-brand-border: #B5CEE9;
}

/* Основные кнопки */
.o500ls .o500ls-btn,
.o500ls .o500ls-btn--wide,
.o500ls .o500ls-card-button {
  background: var(--ls-blue);
  border-color: var(--ls-blue);
  color: #fff !important;
}

.o500ls .o500ls-btn:hover,
.o500ls .o500ls-card-button:hover {
  background: var(--ls-blue-dark);
  border-color: var(--ls-blue-dark);
}

/* Белая кнопка баннера */
.o500ls .o500ls-btn--white {
  background: #fff;
  border-color: var(--ls-blue);
  color: var(--ls-blue) !important;
}

.o500ls .o500ls-btn--white:hover {
  background: var(--ls-brand-pale);
  color: var(--ls-blue-dark) !important;
}

/* Фильтры и чекбоксы */
.o500ls .o500ls-option input,
.o500ls input[type="range"] {
  accent-color: var(--ls-blue);
}

.o500ls .o500ls-facet summary:hover,
.o500ls .o500ls-facet[open] summary::after,
.o500ls .o500ls-filter-head a,
.o500ls .o500ls-reset {
  color: var(--ls-blue) !important;
}

.o500ls .o500ls-option input:checked + span {
  color: var(--ls-blue-dark);
}

/* Сортировка, сетка, пагинация */
.o500ls .o500ls-layout-toggle button.is-current,
.o500ls .o500ls-pages a[aria-current="page"] {
  background: var(--ls-blue);
  border-color: var(--ls-blue);
  color: #fff;
}

/* Иконки преимуществ */
.o500ls .o500ls-quick > a > span,
.o500ls .o500ls-guide-benefits span,
.o500ls .o500ls-hero-features li > span {
  color: var(--ls-blue);
  background: var(--ls-brand-pale);
  border-color: var(--ls-brand-border);
}

/* Бренды, новости, ссылки */
.o500ls .o500ls-brand,
.o500ls .o500ls-articles a.o500ls-news-all,
.o500ls .o500ls-articles
a.o500ls-news-item:hover .o500ls-news-title {
  color: var(--ls-blue) !important;
}

/* Цвет активного фокуса */
.o500ls :focus-visible {
  outline: 3px solid var(--ls-blue);
  outline-offset: 2px;
}






/* =========================================
   ОЧКИ500 — КАТЕГОРИИ ЛИНЗ
   Фирменный синий #145BAC
========================================= */

.o500ls .o500ls-categories {
  margin: 25px 0 34px;
}

.o500ls .o500ls-categories-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 22px;
  margin-bottom: 18px;
}

.o500ls .o500ls-categories-kicker {
  margin: 0 0 4px;
  color: #145BAC;
  font-size: 14px;
  font-weight: 500;
}

.o500ls .o500ls-categories-head h2 {
  margin: 0 0 6px;
  color: #132640;
  font-size: clamp(24px, 2.15vw, 31px);
  line-height: 1.25;
  font-weight: 550;
}

.o500ls .o500ls-categories-head
p:not(.o500ls-categories-kicker) {
  margin: 0;
  color: #60728a;
  font-size: 15px;
  line-height: 1.5;
}

.o500ls .o500ls-categories-all {
  flex: none;
  display: inline-flex;
  align-items: center;
  padding: 9px 0;
  color: #145BAC;
  font-size: 15px;
  white-space: nowrap;
}

.o500ls .o500ls-categories-all:hover {
  color: #0F4682;
  text-decoration: underline;
}

/* Сетка категорий */

.o500ls .o500ls-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* Карточка категории */

.o500ls .o500ls-cat-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dde7f1;
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
  box-shadow: 0 3px 14px rgba(18, 54, 95, .045);
  transition:
    border-color .18s,
    box-shadow .18s,
    transform .18s;
}

.o500ls .o500ls-cat-card:hover {
  border-color: #afc8e5;
  box-shadow: 0 9px 25px rgba(18, 66, 126, .10);
  transform: translateY(-2px);
}

/* Фотография */

.o500ls .o500ls-cat-media {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 1.59;
  overflow: hidden;
  background: linear-gradient(
    135deg, #fafcfe, #edf5fc
  );
}

/* Декоративная заглушка */

.o500ls .o500ls-cat-media::before,
.o500ls .o500ls-cat-media::after {
  content: "";
  position: absolute;
  width: 41%;
  aspect-ratio: 1;
  border: 3px solid rgba(63, 127, 185, .30);
  border-radius: 50%;
  background: rgba(255, 255, 255, .38);
  transform: rotate(-16deg);
}

.o500ls .o500ls-cat-media::before {
  left: 25%;
  top: 20%;
}

.o500ls .o500ls-cat-media::after {
  left: 44%;
  top: 15%;
}

.o500ls .o500ls-cat-media img {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.o500ls .o500ls-cat-media img[hidden] {
  display: none !important;
}

/* Название и описание */

.o500ls .o500ls-cat-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 4px;
  padding: 14px 42px 15px 15px;
}

.o500ls .o500ls-cat-name {
  color: #1a2d46;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  overflow-wrap: break-word;
}

.o500ls .o500ls-cat-description {
  color: #66788c;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.o500ls .o500ls-cat-arrow {
  position: absolute;
  right: 15px;
  bottom: 19px;
  color: #145BAC;
  font-size: 22px;
  line-height: 1;
}

.o500ls .o500ls-cat-card:hover .o500ls-cat-name {
  color: #145BAC;
}

/* Планшеты */

@media (max-width: 1140px) {
  .o500ls .o500ls-category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .o500ls .o500ls-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .o500ls .o500ls-categories-head {
    align-items: flex-start;
  }
}

/* Телефоны */

@media (max-width: 520px) {
  .o500ls .o500ls-categories-head {
    display: block;
  }

  .o500ls .o500ls-categories-all {
    margin-top: 7px;
  }

  .o500ls .o500ls-cat-media {
    aspect-ratio: 1.36;
  }

  .o500ls .o500ls-cat-copy {
    padding: 12px 28px 14px 11px;
  }

  .o500ls .o500ls-cat-name,
  .o500ls .o500ls-cat-description {
    font-size: 14px;
  }

  .o500ls .o500ls-cat-arrow {
    right: 9px;
    bottom: 15px;
    font-size: 17px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .o500ls .o500ls-cat-card {
    transition: none;
  }

  .o500ls .o500ls-cat-card:hover {
    transform: none;
  }
}






/* Очки500 — убрать замутнение баннера */

.o500ls .o500ls-hero::before {
    background: none !important;
}

.o500ls .o500ls-hero-photo {
    opacity: 1 !important;
    filter: none !important;
}





/* ==========================================
   ОЧКИ500 — SEO И ОФОРМЛЕНИЕ ЗАКАЗА
   ТОЛЬКО ОБЩИЙ КАТАЛОГ ЛИНЗ
========================================== */

/* Общая SEO-область */

.o500ls .o500ls-editorial {
    display: grid;
    gap: 24px;
    margin: 40px 0;
}

.o500ls .o500ls-editorial__section {
    min-width: 0;
    padding: 32px 36px;
    border: 1px solid #dce6f0;
    border-radius: 18px;
    background: #ffffff;
    color: #172b40;
    font-size: 16px;
    line-height: 1.7;
}

.o500ls .o500ls-editorial__eyebrow,
.o500ls .o500ls-order-info__eyebrow {
    margin: 0 0 8px;
    color: #185385;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .07em;
}

.o500ls .o500ls-editorial__section h2 {
    margin: 0 0 18px;
    color: #102e4a;
    font-size: clamp(23px, 2.3vw, 30px);
    line-height: 1.3;
    font-weight: 700;
}

.o500ls .o500ls-editorial__section h3 {
    margin: 0 0 10px;
    color: #173c60;
    font-size: 17px;
    line-height: 1.4;
}

.o500ls .o500ls-editorial__section p {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.75;
}

/* Этапы выбора по рецепту */

.o500ls .o500ls-editorial__steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 24px 0;
}

.o500ls .o500ls-editorial__step {
    min-width: 0;
    padding: 19px 18px;
    border: 1px solid #dce6f0;
    border-radius: 12px;
    background: #f8fbfe;
}

.o500ls .o500ls-editorial__number,
.o500ls .o500ls-order-info__number {
    display: block;
    margin-bottom: 12px;
    color: #236fa9;
    font-size: 18px;
    font-weight: 700;
}

.o500ls .o500ls-editorial__step p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
}

/* Примечания */

.o500ls .o500ls-editorial__note {
    margin: 16px 0 0 !important;
    padding: 14px 17px;
    background: #f1f6fb;
    border-left: 3px solid #185385;
    border-radius: 0 8px 8px 0;
    color: #25445f;
}

/* Таблица материалов */

.o500ls .o500ls-editorial__table-scroll {
    width: 100%;
    overflow-x: auto;
    margin: 22px 0;
}

.o500ls .o500ls-editorial__table {
    width: 100%;
    min-width: 580px;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 1.6;
}

.o500ls .o500ls-editorial__table th,
.o500ls .o500ls-editorial__table td {
    padding: 14px 16px;
    border: 1px solid #dce6f0;
    text-align: left;
    vertical-align: top;
}

.o500ls .o500ls-editorial__table thead th {
    background: #eaf2fa;
    color: #163b5f;
    font-weight: 700;
}

.o500ls .o500ls-editorial__table tbody th {
    font-weight: 700;
    color: #133b63;
    white-space: nowrap;
}

.o500ls .o500ls-editorial__table tbody tr:nth-child(even) {
    background: #f9fbfe;
}

/* Вопросы покупателей */

.o500ls .o500ls-editorial__faq {
    display: grid;
    gap: 10px;
}

.o500ls .o500ls-editorial__faq details {
    border: 1px solid #dde7f0;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.o500ls .o500ls-editorial__faq summary {
    padding: 17px 20px;
    cursor: pointer;
    color: #173b60;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.o500ls .o500ls-editorial__faq details[open] {
    background: #f9fcff;
}

.o500ls .o500ls-editorial__faq details p {
    margin: 0;
    padding: 0 20px 20px;
    color: #354b61;
    font-size: 16px;
    line-height: 1.7;
}

/* ==========================================
   ЗАМЕТНЫЙ БЛОК ОФОРМЛЕНИЯ ЗАКАЗА
========================================== */

.o500ls .o500ls-order-info {
    margin: 32px 0 38px;
    padding: 28px 30px;
    border: 1px solid #cbdced;
    border-radius: 18px;
    background: #f5f9fd;
    color: #17314b;
    scroll-margin-top: 95px;
}

.o500ls .o500ls-order-info__heading h2 {
    margin: 0 0 10px;
    color: #123b62;
    font-size: clamp(22px, 2.1vw, 29px);
    line-height: 1.3;
}

.o500ls .o500ls-order-info__heading p:last-child {
    max-width: 850px;
    margin: 0;
    font-size: 16px;
    line-height: 1.65;
}

.o500ls .o500ls-order-info__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 22px 0;
}

.o500ls .o500ls-order-info__item {
    min-width: 0;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #dce7f2;
    border-radius: 12px;
}

.o500ls .o500ls-order-info__item h3 {
    margin: 0 0 10px;
    color: #163b5f;
    font-size: 18px;
}

.o500ls .o500ls-order-info__item p {
    margin: 0;
    font-size: 15px;
    line-height: 1.65;
}

.o500ls .o500ls-order-info__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 17px;
    border-top: 1px solid #cbdced;
}

.o500ls .o500ls-order-info__footer p {
    flex: 1 1 250px;
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
}

.o500ls .o500ls-order-info__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.o500ls .o500ls-order-info__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 20px;
    background: #185385;
    border-radius: 9px;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none !important;
}

.o500ls .o500ls-order-info__button:hover {
    background: #103c63;
    color: #ffffff !important;
}

.o500ls .o500ls-order-info__link {
    color: #185385;
    font-size: 15px;
    font-weight: 600;
    text-decoration: underline;
}

/* Новости после удаления старого FAQ */

.o500ls .o500ls-bottom-grid--news-only {
    display: block;
}

.o500ls .o500ls-bottom-grid--news-only .o500ls-articles {
    width: 100%;
    max-width: none;
}

/* ==========================================
   АДАПТИВ
========================================== */

@media (max-width: 1100px) {
    .o500ls .o500ls-editorial__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .o500ls .o500ls-order-info__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .o500ls .o500ls-editorial {
        gap: 16px;
        margin: 25px 0;
    }

    .o500ls .o500ls-editorial__section {
        padding: 22px 18px;
        border-radius: 13px;
    }

    .o500ls .o500ls-editorial__steps {
        grid-template-columns: 1fr;
    }

    .o500ls .o500ls-order-info {
        padding: 21px 17px;
        border-radius: 13px;
    }

    .o500ls .o500ls-order-info__actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .o500ls .o500ls-order-info__button,
    .o500ls .o500ls-order-info__link {
        width: 100%;
        text-align: center;
    }
}










/* =============================================
   ОЧКИ500 — ТИПОГРАФИКА ОБЩЕГО КАТАЛОГА
   Версия 2 — без изменения баннера и кнопок
============================================= */

/* 1. Основные информационные блоки */

main.o500ls .o500ls-wrap {
    color: #111111;
    font-size: 16px;
}

/* Основной текст вне каталога товаров */

main.o500ls .o500ls-wrap :is(
    .o500ls-crumbs,
    .o500ls-crumbs a,
    .o500ls-quick b,
    .o500ls-quick small,
    .o500ls-categories-head p,
    .o500ls-cat-name,
    .o500ls-cat-description,
    .o500ls-order-info__heading p,
    .o500ls-order-info__item p,
    .o500ls-order-info__footer p,
    .o500ls-order-info__eyebrow,
    .o500ls-editorial__eyebrow,
    .o500ls-editorial__section p,
    .o500ls-editorial__step p,
    .o500ls-editorial__faq summary,
    .o500ls-editorial__table th,
    .o500ls-editorial__table td,
    .o500ls-editorial__number,
    .o500ls-order-info__number,
    .o500ls-news-title
) {
    font-size: 16px !important;
    line-height: 1.6;
    color: #111111 !important;
}

/* Прочие ссылки вне каталога */

main.o500ls .o500ls-wrap :is(
    .o500ls-categories-all,
    .o500ls-news-all,
    .o500ls-order-info__link
) {
    font-size: 16px !important;
}

/* 2. Заголовки информационных разделов */

main.o500ls .o500ls-wrap :is(
    .o500ls-categories h2,
    .o500ls-order-info h2,
    .o500ls-editorial h2,
    .o500ls-articles h2
) {
    color: #111111 !important;
    font-size: clamp(24px, 2.2vw, 30px);
    font-weight: 600 !important;
    line-height: 1.3;
}

/* Заголовки карточек и этапов */

main.o500ls .o500ls-wrap :is(
    .o500ls-order-info h3,
    .o500ls-editorial h3
) {
    color: #111111 !important;
    font-size: 19px;
    font-weight: 500 !important;
    line-height: 1.4;
}

/* Названия категорий линз */

main.o500ls .o500ls-cat-name {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #111111 !important;
}

/* =============================================
   3. КАТАЛОГ ТОВАРОВ — 14 PX
============================================= */

main.o500ls .o500ls-shop {
    font-size: 14px;
}

/* Фильтры, сортировка и характеристики */

main.o500ls .o500ls-shop :is(
    .o500ls-toolbar p,
    .o500ls-toolbar label,
    .o500ls-toolbar select,
    .o500ls-toolbar option,
    .o500ls-mobile-filter,
    .o500ls-facet summary,
    .o500ls-option,
    .o500ls-option span,
    .o500ls-option small,
    .o500ls-price legend,
    .o500ls-price label,
    .o500ls-price input,
    .o500ls-filter-head,
    .o500ls-filter-head strong,
    .o500ls-filter-head a,
    .o500ls-brand,
    .o500ls-spec,
    .o500ls-spec span,
    .o500ls-short,
    .o500ls-reset,
    .o500ls-pages a,
    .o500ls-pages span,
    .o500ls-card-button,
    .o500ls-btn--wide
) {
    font-size: 14px !important;
}

/* Названия товаров — меньше жирность */

main.o500ls .o500ls-shop .o500ls-product h3,
main.o500ls .o500ls-shop .o500ls-product h3 a {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.5;
    color: #111111 !important;
}

/* Описания товаров */

main.o500ls .o500ls-shop .o500ls-spec,
main.o500ls .o500ls-shop .o500ls-short {
    font-size: 14px !important;
    line-height: 1.55;
    color: #111111 !important;
}

/* Цены сохраняем заметными */

main.o500ls .o500ls-shop
.o500ls-price-line strong {
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* Названия брендов */

main.o500ls .o500ls-shop .o500ls-brand {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* =============================================
   4. МОБИЛЬНЫЕ УСТРОЙСТВА
============================================= */

@media (max-width: 680px) {

    main.o500ls .o500ls-wrap :is(
        .o500ls-order-info h2,
        .o500ls-editorial h2,
        .o500ls-categories h2
    ) {
        font-size: 24px !important;
    }

    main.o500ls .o500ls-wrap :is(
        .o500ls-order-info h3,
        .o500ls-editorial h3
    ) {
        font-size: 18px !important;
    }

}





/* =============================================
   ОЧКИ500 — ТЁМНО-СИНИЕ АКЦЕНТЫ КАТАЛОГА
   Не затрагивает баннер и другие разделы
============================================= */

/* 1. Кнопки "Подробнее" */
main.o500ls .o500ls-shop .o500ls-card-button {
    background: #143B63 !important;
    color: #ffffff !important;
    border-color: #143B63 !important;
}

main.o500ls .o500ls-shop .o500ls-card-button:hover {
    background: #0D2B49 !important;
    color: #ffffff !important;
    border-color: #0D2B49 !important;
}

/* 2. Кнопка "Показать товары" */
main.o500ls .o500ls-shop .o500ls-btn--wide {
    background: #143B63 !important;
    color: #ffffff !important;
    border-color: #143B63 !important;
}

main.o500ls .o500ls-shop .o500ls-btn--wide:hover {
    background: #0D2B49 !important;
    color: #ffffff !important;
}

/* 3. Названия брендов */
main.o500ls .o500ls-shop .o500ls-brand {
    color: #143B63 !important;
}

/* 4. Подписи характеристик */
main.o500ls .o500ls-shop .o500ls-spec span {
    color: #143B63 !important;
}

/* 5. Ссылки фильтров */
main.o500ls .o500ls-shop .o500ls-filter-head a,
main.o500ls .o500ls-shop .o500ls-reset {
    color: #143B63 !important;
}

/* 6. Названия и количество в фильтрах */
main.o500ls .o500ls-shop .o500ls-option span,
main.o500ls .o500ls-shop .o500ls-option small {
    color: #143B63 !important;
}

/* 7. Названия разделов фильтров */
main.o500ls .o500ls-shop .o500ls-facet summary {
    color: #143B63 !important;
}

/* 8. Пагинация */
main.o500ls .o500ls-shop .o500ls-pages a {
    color: #143B63 !important;
}

main.o500ls .o500ls-shop
.o500ls-pages a[aria-current="page"] {
    background: #143B63 !important;
    border-color: #143B63 !important;
    color: #ffffff !important;
}

/* 9. Переключатели вида каталога */
main.o500ls .o500ls-shop
.o500ls-layout-toggle button.is-current {
    background: #143B63 !important;
    color: #ffffff !important;
}

/* 10. Названия товаров — остаются чёрными */
main.o500ls .o500ls-shop .o500ls-product h3,
main.o500ls .o500ls-shop .o500ls-product h3 a {
    color: #111111 !important;
}

/* 11. Цены — тёмно-синие */
main.o500ls .o500ls-shop
.o500ls-price-line strong {
    color: #143B63 !important;
}