/* E-Stoun — новый вид сайта (редизайн 2026-10, по макету, одобрено Тохой 16.10).
   Подключается только на переведённых шаблонах (контроллер: $this->document->addStyle).
   Всё внутри обёртки .rd — старый main.css и остальные страницы не затрагиваются.
   Цвета: фирменный #d46e28 (логотип), кнопки #bd5a1c (белый текст 4,5:1), графит #1d2024, светлый камень #f2f3f1. */

@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/fonts/manrope-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/fonts/manrope-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.rd{--rd-brand:#d46e28;--rd-accent:#bd5a1c;--rd-accent-dark:#9e4416;--rd-ink:#1d2024;--rd-text:#3a4047;
  --rd-muted:#5c636b;--rd-stone:#f2f3f1;--rd-line:#e3e5e7;
  font-family:'Manrope','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:16px;line-height:1.55;
  color:var(--rd-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.rd *,.rd *::before,.rd *::after{box-sizing:border-box}
/* цвет ссылок — только в тексте: у кнопок («Подробнее» с чёрной стрелкой, «Читать») свои цвета */
.rd-desc a,.rd-price a,.rd-faq a,.rd-calc a,.rd-discontinued a{color:var(--rd-accent)}
.rd-desc a:hover,.rd-price a:hover,.rd-faq a:hover,.rd-calc a:hover,.rd-discontinued a:hover{color:var(--rd-accent-dark)}
.rd h1,.rd h2,.rd h3,.rd h4{font-family:inherit;color:var(--rd-ink);text-transform:none;text-shadow:none}
.rd h1{margin:0;font-size:clamp(26px,6.6vw,40px);line-height:1.12;font-weight:800;letter-spacing:-.02em}
.rd h2{margin:0 0 14px;font-size:clamp(22px,5.4vw,30px);line-height:1.18;font-weight:800;letter-spacing:-.01em}
.rd h3{margin:0 0 8px;font-size:18px;line-height:1.3;font-weight:800}
.rd p{margin:0 0 14px}

/* хлебные крошки */
.rd-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;margin:14px 0;font-size:14px;line-height:1.4;color:var(--rd-muted)}
.rd-crumbs a{color:var(--rd-muted);text-decoration:none}
.rd-crumbs a:hover,.rd-crumbs a:focus{color:var(--rd-accent);text-decoration:underline}
.rd-crumbs__sep{color:#a3a9af}
.rd-crumbs__cur{color:var(--rd-ink)}

/* кнопки */
.rd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 16px;border-radius:12px;
  font-family:inherit;font-size:16px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;
  -webkit-transition:background-color .15s,color .15s;transition:background-color .15s,color .15s}
.rd .rd-btn--primary,.rd input.rd-btn--primary{background:var(--rd-accent);color:#fff;border:0}
.rd .rd-btn--primary:hover,.rd .rd-btn--primary:focus{background:var(--rd-accent-dark);color:#fff;text-decoration:none}
.rd .rd-btn--ghost{background:#fff;color:var(--rd-ink);border:1.5px solid var(--rd-ink)}
.rd .rd-btn--ghost:hover,.rd .rd-btn--ghost:focus{background:var(--rd-ink);color:#fff;text-decoration:none}

/* первый экран карточки: на телефоне название, цена и кнопки выше фото */
.rd-top{display:grid;gap:14px;margin:0 0 36px;
  grid-template-areas:"title" "chips" "price" "cta" "media" "checks"}
.rd-top__title{grid-area:title}
.rd-chips{grid-area:chips;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.rd-chips li{padding:6px 12px;border-radius:999px;background:var(--rd-stone);font-size:14px;font-weight:600;line-height:1.3}
.rd-buy{grid-area:price;display:grid;gap:10px}
.rd-price{padding:16px 18px;border-radius:16px;background:var(--rd-stone)}
.rd-price__lbl{display:block;font-size:14px;color:var(--rd-muted)}
.rd-price__val{display:block;margin-top:2px;font-size:32px;line-height:1.15;font-weight:800;white-space:nowrap}
.rd-price__unit{font-size:16px;font-weight:600;white-space:normal}
.rd-price__note{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:var(--rd-muted)}
.rd-price__note a{font-weight:700}
.rd-price__ask{display:block;font-size:22px;line-height:1.25;font-weight:800}
.rd-discontinued{padding:12px 14px;border-radius:12px;background:#fff6e5;border-left:4px solid var(--rd-brand);font-size:15px}
.rd-cta{grid-area:cta;display:grid;grid-template-columns:1fr;gap:10px}
.rd-media{grid-area:media;min-width:0}
.rd-media__main{display:block;border-radius:18px;overflow:hidden;background:var(--rd-stone)}
.rd-media__main img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.rd-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rd-thumbs::-webkit-scrollbar{display:none}
.rd-thumbs a{flex:0 0 72px;border-radius:10px;overflow:hidden;background:var(--rd-stone)}
.rd-thumbs img{display:block;width:72px;height:72px;object-fit:cover}
.rd-checks{grid-area:checks;display:grid;gap:8px;margin:0;padding:0;list-style:none;font-size:15px;line-height:1.45}
.rd-checks li{position:relative;padding-left:30px}
.rd-checks li::before{content:"";position:absolute;left:3px;top:4px;width:14px;height:8px;
  border-left:2.5px solid var(--rd-accent);border-bottom:2.5px solid var(--rd-accent);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

/* описание и частые вопросы */
.rd-desc{max-width:820px;margin:0 auto 36px;font-size:16px;line-height:1.65;color:var(--rd-text)}
.rd-desc h2,.rd-desc h3,.rd-desc h4{margin:26px 0 10px}
.rd-desc ul,.rd-desc ol{margin:0 0 14px;padding-left:22px}
.rd-desc ul{list-style:disc}
.rd-desc ol{list-style:decimal}
.rd-desc strong,.rd-desc b{font-family:inherit;font-weight:800}
.rd-desc em{font-family:inherit}
.rd-desc li{margin-bottom:6px}
.rd-desc img{max-width:100%;height:auto;border-radius:12px}
.rd-desc table{width:100%;margin:0 0 16px;border-collapse:collapse;font-size:15px}
.rd-desc th,.rd-desc td{padding:8px 10px;border-bottom:1px solid var(--rd-line);text-align:left;vertical-align:top}
.rd-faq{max-width:820px;margin:0 auto 36px}
.rd-faq__item{padding:16px 0;border-top:1px solid var(--rd-line)}
.rd-faq__item:last-child{border-bottom:1px solid var(--rd-line)}
.rd-faq__item h3{margin:0 0 6px;font-size:17px}
.rd-faq__item p{margin:0;color:var(--rd-text)}

/* форма расчёта: на телефоне во всю ширину экрана */
.rd-calc{margin:0 -15px 36px;padding:32px 15px;background:var(--rd-stone)}
.rd-calc__in{max-width:640px;margin:0 auto}
.rd-calc__lead{color:var(--rd-muted)}
.rd-form{display:grid;gap:14px}
.rd-form label{display:block;margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.3;color:var(--rd-ink)}
.rd-form .form-control{display:block;width:100%;height:52px;padding:0 14px;border:1.5px solid #c9cdd1;border-radius:12px;
  background:#fff;box-shadow:none;font-family:inherit;font-size:17px;color:var(--rd-ink)}
.rd-form textarea.form-control{height:auto;min-height:104px;padding:12px 14px;font-size:16px;line-height:1.45}
.rd-form .form-control:focus{border-color:var(--rd-accent);outline:2px solid rgba(189,90,28,.25);outline-offset:0;box-shadow:none}
.rd-form__consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--rd-muted)}
.rd-form__consent label{display:flex;gap:10px;align-items:flex-start;margin:0;font-weight:400;color:var(--rd-muted);cursor:pointer}
.rd-form__consent input{flex:0 0 auto;width:20px;height:20px;margin:1px 0 0}
.rd-form__policy{margin-top:-6px;font-size:13px}
.rd-form .rd-btn{width:100%;font-size:17px;min-height:54px}

/* похожие декоры */
.rd-similar{margin:0 0 36px}
.rd-similar__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
/* карточку не обрезаем: у «Подробнее» стрелка (:before) выходит за край кнопки — это фича (решение Тохи 14.07) */
.rd-dcard{display:flex;flex-direction:column;border:1px solid var(--rd-line);border-radius:14px;background:#fff}
.rd-dcard__img{display:block;overflow:hidden;border-radius:13px 13px 0 0;background:var(--rd-stone)}
.rd-dcard__img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.rd-dcard__body{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;padding:10px 12px 12px}
.rd-dcard__name{font-size:15px;font-weight:700;line-height:1.3;color:var(--rd-ink);text-decoration:none}
.rd-dcard__name:hover{color:var(--rd-accent)}
.rd-dcard__price{font-size:15px;font-weight:800}
.rd-dcard__price small{font-size:13px;font-weight:500;color:var(--rd-muted)}
.rd-dcard .btn-goods{margin-top:auto;align-self:flex-start}
/* в узкой карточке (две в ряд) кнопка со стрелкой компактнее, пропорции треугольника и корзины те же */
@media (max-width:991px){
  .rd-dcard .btn-goods{font-size:13px;line-height:1.4;padding:8px 10px 8px 30px}
  .rd-dcard .btn-goods:before{right:-34px;border-width:17px}
  .rd-dcard .btn-goods_goods:after{top:3px;left:7px;font-size:18px;line-height:28px}
}

/* «Рекомендуем почитать»: свой слайдер со стилями в шаблоне, здесь только заголовок */
.rd-reads{margin:0 0 36px}

/* кнопки в ряд — только там, где «Рассчитать стоимость» помещается в одну строку */
@media (min-width:480px){
  .rd-cta{grid-template-columns:1fr 1fr}
}
@media (min-width:768px){
  .rd-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .rd-calc{margin:0 0 40px;padding:40px 32px;border-radius:20px}
}
@media (min-width:992px){
  .rd-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;row-gap:16px;align-items:start;
    grid-template-areas:"media title" "media chips" "media price" "media cta" "media checks" "media ."}
  .rd-media{max-width:560px}
  .rd-similar__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
}

/* ===== бренды и категории каталога (product/category_rd.twig, 16.10.2026) ===== */
.rd-cat__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin:0 0 20px}
.rd-cat__main,.rd-cat__aside{min-width:0}
.rd-cat .cat-price-note{margin:10px 0 12px;font-size:14px;line-height:1.5;color:var(--rd-muted)}
.rd-cat .cat-price-note a{color:var(--rd-accent);font-weight:700}
.rd-cat__intro{margin:0 0 14px;font-size:16px;line-height:1.6;color:var(--rd-text)}
.rd-cat__intro p{margin:0 0 10px}
.rd-cat__chips{margin:0 0 14px}
.rd-cat__cta{margin:0 0 24px}
/* поиск по артикулу — разметка Bootstrap из модификации «Category Product Search» */
.rd-cat .input-group{display:flex;width:100%}
.rd-cat .catalog-main > .row .form-group{margin-bottom:18px}
.rd-cat #art_search{flex:1 1 auto;min-width:0;height:44px;padding:0 14px;border:1.5px solid #c9cdd1 !important;border-radius:10px 0 0 10px !important;box-shadow:none;font-family:inherit;font-size:15px}
.rd-cat .input-group-btn{display:flex;width:auto}
.rd-cat .input-group-btn .btn{height:44px;margin:0;padding:0 16px;border:0;border-radius:0;font-family:inherit;font-size:15px;font-weight:700}
.rd-cat .input-group-btn .btn:last-child{border-radius:0 10px 10px 0}
.rd-cat #art_search_btn{background:var(--rd-ink);color:#fff}
.rd-cat #art_clear_btn{background:var(--rd-stone);color:var(--rd-ink)}
/* фильтр «Текстура» и т. п. */
.rd-cat #sort-block3{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px}
.rd-cat #sort-block3:not(:has(select)){display:none}
.rd-cat .order-select-lbl{margin:0 !important;font-family:inherit;font-size:14px;font-weight:700;color:var(--rd-ink)}
.rd-cat #sort-block3 select.form-control{width:auto;min-width:200px;max-width:100%;height:44px;padding:0 12px;border:1.5px solid #c9cdd1;border-radius:10px;box-shadow:none;font-family:inherit;font-size:15px}
/* сетка декоров: на телефоне две в ряд; кнопка «Подробнее» компактная на всех ширинах — карточки уже, чем на товаре */
.rd-cat .rd-cat__grid{margin:0}
.rd-cat .rd-dcard .btn-goods{font-size:13px;line-height:1.4;padding:8px 10px 8px 30px}
.rd-cat .rd-dcard .btn-goods:before{right:-34px;border-width:17px}
.rd-cat .rd-dcard .btn-goods_goods:after{top:3px;left:7px;font-size:18px;line-height:28px}
/* пагинация кнопками */
.rd-cat__paging{margin:18px 0 30px}
.rd-cat .pagination{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0;list-style:none}
.rd-cat .pagination>li{display:block;border:0}
.rd-cat .pagination>li>a,.rd-cat .pagination>li>span{float:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;margin:0;padding:0 12px;border:1px solid var(--rd-line);border-radius:10px;background:#fff;color:var(--rd-ink);font-family:inherit;font-size:15px;font-weight:700;text-decoration:none}
.rd-cat .pagination>li>a:hover,.rd-cat .pagination>li>a:focus{background:var(--rd-stone);color:var(--rd-ink)}
.rd-cat .pagination>li.active>span{border-color:var(--rd-ink);background:var(--rd-ink);color:#fff}
/* меню «Каталог камня» и «Изделия»: на телефоне внизу страницы, на компьютере — левая колонка */
.rd-cat .aside-heading{margin:0 0 6px;padding:0;border:0;border-radius:12px;background:var(--rd-ink);text-transform:none;font-family:inherit}
.rd-cat .big_cat_link{display:block;padding:12px 16px;border-radius:12px;color:#fff;font-size:16px;font-weight:800;line-height:1.3;text-decoration:none}
.rd-cat .big_cat_link:hover,.rd-cat .big_cat_link:focus{background:#30353b;color:#fff;text-decoration:none}
.rd-cat__aside br{display:none}
.rd-cat .cats-list{margin:0 0 18px;padding:0;list-style:none}
.rd-cat .cats-list .cats-list{margin:0}
.rd-cat .cats-list__item{border-top:1px solid var(--rd-line)}
.rd-cat .link_cats-list{padding:10px 36px 10px 14px;color:var(--rd-text);font-size:15px;line-height:1.35}
.rd-cat .level-2 .link_cats-list{padding-left:26px;font-size:14px}
.rd-cat .cats-list__item:hover>.link_cats-list,.rd-cat .cats-list__item_current>.link_cats-list{color:var(--rd-accent)}
.rd-cat .cats-list__item_current>.link_cats-list{font-weight:700}
@media (min-width:768px){
  .rd-cat .rd-cat__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media (min-width:992px){
  .rd-cat__layout{grid-template-columns:250px minmax(0,1fr);column-gap:32px;align-items:start}
  .rd-cat__aside{grid-column:1;grid-row:1}
  .rd-cat__main{grid-column:2;grid-row:1}
}
@media (min-width:1200px){
  .rd-cat .rd-cat__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}