/* Каталог бриллиантов под заказ. Токены bendes-tokens.css; без скруглений и теней; один зелёный — главное действие. */
.stones { background: #fff; color: var(--bd-ink, #252525); font-family: 'Manrope', sans-serif; font-weight: 400; font-size: 14px; }
.stones__wrap { max-width: 1700px; margin: 0 auto; padding: 0 30px; }   /* как .container и .category-list-wrap по сайту */
.stones__crumbs { padding: 20px 0 10px; color: var(--bd-gray, #7a7a7a); font-size: 13px; }
.stones__crumbs a { color: var(--bd-gray, #7a7a7a); text-decoration: none; transition: color .3s ease-in-out; }
.stones__crumbs a:hover { color: var(--bd-gold, #eacb7e); }
.stones__crumbs span { margin: 0 8px; } .stones__crumbs .is-current { margin: 0; color: var(--bd-ink, #252525); }
.stones__head { padding: 30px 0 40px; max-width: 820px; }
.stones__title, .stone__name, .sp__name, .dark__title, .tier__name, .sp-rings__title { font-family: 'Bendes', serif; font-weight: 400; text-transform: uppercase; letter-spacing: .02em; }
.stones__title { font-size: 40px; line-height: 1.1; margin: 0 0 20px; }
.stones__lead { font-weight: 300; font-size: 18px; line-height: 1.5; margin: 0; }
.stones__tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 30px 0; border-top: 1px solid var(--bd-line, #d3d3d3); border-bottom: 1px solid var(--bd-line, #d3d3d3); }
.tier__name { font-size: 20px; margin-bottom: 6px; }
.tier__spec { color: var(--bd-gray, #7a7a7a); font-size: 13px; letter-spacing: .1em; margin-bottom: 10px; }
.tier p { margin: 0; line-height: 1.5; }
.stones__filters { display: flex; flex-wrap: wrap; gap: 20px 40px; align-items: flex-end; padding: 30px 0; }
.filter__label { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: var(--bd-gray, #7a7a7a); margin-bottom: 10px; }
.chip { font: inherit; font-size: 13px; background: #fff; color: var(--bd-ink, #252525); border: 1px solid var(--bd-line, #d3d3d3); border-radius: 0; height: 36px; padding: 0 14px; margin: 0 6px 6px 0; cursor: pointer; transition: border-color .3s ease-in-out, background .3s ease-in-out, color .3s ease-in-out; }
.chip:hover { border-color: var(--bd-ink, #252525); }
.chip.is-on { background: var(--bd-ink, #252525); color: #fff; border-color: var(--bd-ink, #252525); }
.stones__count { margin-left: auto; color: var(--bd-gray, #7a7a7a); padding-bottom: 14px; }

/* сетка — 4 в ряд */
.stones__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 30px; padding-bottom: 80px; }
.stone { display: flex; flex-direction: column; color: inherit; text-decoration: none; }
.stone:hover, .stone:focus { color: inherit; text-decoration: none; }
.stone[hidden] { display: none; }
.stone__img { position: relative; background: #e6e6e6; aspect-ratio: 1 / 1; overflow: hidden; margin-bottom: 16px; }
.stone__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1s ease-in-out; }
.stone__img--ring { background: #f6f6f6; }
.stone:hover .stone__img img { transform: scale(1.04); }
.stone__badge { position: absolute; top: 12px; left: 12px; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: var(--bd-gray, #7a7a7a); }
.stone__tier { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: var(--bd-gray, #7a7a7a); margin-bottom: 6px; }
.stone__name { font-size: 18px; line-height: 1.2; margin: 0 0 6px; }
.stone__name--ring { font-size: 15px; min-height: 36px; }
.stone__spec { font-weight: 500; margin-bottom: 2px; }
.stone__size { color: var(--bd-gray, #7a7a7a); margin-bottom: 12px; }
.stone__prices { margin-top: auto; }
.stone__row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 7px 0; border-top: 1px solid var(--bd-line, #d3d3d3); }
.stone__row span { color: var(--bd-gray, #7a7a7a); }
.stone__row b { font-weight: 500; white-space: nowrap; }
.stone__more { align-self: flex-start; margin-top: 10px; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; border-bottom: 1px solid currentColor; transition: color .3s ease-in-out; }
.stone:hover .stone__more { color: var(--bd-gold, #eacb7e); }
.stones__empty { padding: 0 0 60px; font-size: 16px; }

/* тёмный блок */
.stones__dark { background: var(--bd-ink, #252525); color: var(--bd-paper, #f8f6f2); padding: 80px 0; }
.dark__label { color: var(--bd-gold-dark, #b5ab92); font-size: 12px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 14px; }
.dark__title { font-size: 32px; margin: 0 0 16px; color: #fff; }
.dark__text { max-width: 720px; font-size: 16px; line-height: 1.5; margin: 0 0 24px; }
.dark__links { display: flex; gap: 30px; flex-wrap: wrap; }
.dark__link { color: var(--bd-gold-dark-light, #d4c9ae); text-decoration: none; font-size: 16px; text-transform: uppercase; letter-spacing: .1em; border-bottom: 1px solid rgba(181,171,146,.28); transition: color .3s ease-in-out; }
.dark__link:hover { color: #fff; text-decoration: none; }

/* страница камня */
.sp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 60px; padding: 20px 0 80px; align-items: start; }
.sp__media { display: grid; gap: 20px; }
.sp__frame { background: #e6e6e6; aspect-ratio: 1 / 1; overflow: hidden; }
.sp__frame img, .sp__frame video { width: 100%; height: 100%; object-fit: cover; display: block; }
.sp__body { position: sticky; top: 90px; max-width: 520px; }
.sp__name { font-size: 32px; line-height: 1.15; margin: 0 0 20px; }
.sp__desc { line-height: 1.6; margin: 0 0 24px; font-size: 15px; }
.sp__table { width: 100%; border-collapse: collapse; margin: 0 0 24px; }
.sp__table, .sp__table tr, .sp__table td { height: auto !important; line-height: 1.4 !important; }
.sp__table td { padding: 9px 0 !important; border-top: 1px solid var(--bd-line, #d3d3d3); vertical-align: top; font-size: 14px; }
.sp__table tr:last-child td { border-bottom: 1px solid var(--bd-line, #d3d3d3); }
.sp__table td:first-child { color: var(--bd-gray, #7a7a7a); width: 50%; }
.sp__prices { margin-bottom: 24px; }
.sp__prices .stone__row { padding: 10px 0; } .sp__prices .stone__row b { font-size: 20px; font-weight: 400; }
.sp__prices .stone__row:last-child { border-bottom: 1px solid var(--bd-line, #d3d3d3); }
.sp__btn { display: block; text-align: center; background: var(--bd-green, #397b6b); color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: .1em; font-size: 13px; font-weight: 500; height: 54px; line-height: 54px; transition: background .3s ease-in-out; }
.sp__btn:hover, .sp__btn:focus { background: var(--bd-ink, #252525); color: #fff; text-decoration: none; }
.sp__alt { display: flex; justify-content: center; gap: 12px; margin-top: 14px; font-size: 13px; color: var(--bd-gray, #7a7a7a); }
.sp__alt a { color: var(--bd-ink, #252525); text-decoration: none; text-transform: uppercase; letter-spacing: .1em; font-size: 12px; border-bottom: 1px solid currentColor; transition: color .3s ease-in-out; }
.sp__alt a:hover { color: var(--bd-gold, #eacb7e); }
.sp__note { color: var(--bd-gray, #7a7a7a); font-size: 13px; line-height: 1.5; margin: 20px 0 0; }
.sp-rings { border-top: 1px solid var(--bd-line, #d3d3d3); padding-top: 60px; }
.sp-rings__title { font-size: 28px; margin: 0 0 10px; }
.sp-rings__lead { color: var(--bd-gray, #7a7a7a); line-height: 1.5; max-width: 760px; margin: 0 0 30px; }

@media (max-width: 1199px) { .stones__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .stones__title { font-size: 34px; } .sp { gap: 40px; } }
@media (max-width: 991px)  { .stones__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .stones__tiers { grid-template-columns: 1fr; gap: 20px; } .sp { grid-template-columns: 1fr; } .sp__body { position: static; max-width: none; } }
@media (max-width: 767px)  { .stones__wrap { padding: 0 15px; } .stones__title { font-size: 28px; } .stones__grid { gap: 30px 15px; } .stone__name { font-size: 15px; } .stone__row { flex-direction: column; align-items: flex-start; gap: 0; } .stones__count { margin-left: 0; } .sp__name { font-size: 24px; } }

/* v4 — страница камня в разметке карточки товара */
.stone-gallery__item { background: #e6e6e6; margin-bottom: 15px; }
.stone-gallery__item img, .stone-gallery__item video { display: block; width: 100%; height: auto; }
.stone-ring__name { font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: #252525; margin-top: 14px; line-height: 1.35; }
.stone-ring__price { font-size: 14px; color: #252525; margin-top: 4px; }
.stone-ring__note { text-align: center; color: #7a7a7a; font-size: 13px; margin: 24px auto 0; max-width: 640px; }
.bendes-recs-slide:hover .stone-ring__name { color: #252525; }
.stones .breadcrumb__container { justify-content: center; text-align: center; }
.stones__head { text-align: center; margin-left: auto; margin-right: auto; }
.stones__head .stones__lead { margin-left: auto; margin-right: auto; }
.stones__cta { padding-top: 40px; padding-bottom: 60px; }

/* v5 — список: формы квадратами с рисунком огранки, компактные карточки, мобильная версия */
.stones__head { padding: 0 0 30px; max-width: 720px; }
.stones__head .content__title { margin-bottom: 14px; }
.stones__head .stones__lead { font-size: 16px; color: var(--bd-gray, #7a7a7a); }
.stones__filters { display: block; padding: 0 0 30px; }
.sf { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; align-items: center; }
.sf__label { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: var(--bd-gray, #7a7a7a); margin-right: 8px; }
.sf .chip { margin: 0; height: 34px; padding: 0 12px; }
.shp { font: inherit; width: 96px; height: 96px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: #fff; border: 1px solid var(--bd-line, #d3d3d3); border-radius: 0; color: var(--bd-ink, #252525); cursor: pointer; padding: 0; transition: border-color .3s ease-in-out; }
.shp:hover { border-color: var(--bd-ink, #252525); }
.shp.is-on { border-color: var(--bd-ink, #252525); box-shadow: inset 0 0 0 1px var(--bd-ink, #252525); }
.shp__ico { width: 44px; height: 44px; display: block; }
.shp__all { height: 44px; line-height: 44px; font-family: 'Bendes', serif; font-size: 18px; text-transform: uppercase; }
.shp__name { font-size: 12px; line-height: 1; }
.shp:first-child .shp__name { display: none; }
.shp:first-child { justify-content: center; }
.stones__count { margin: 0; padding: 0; color: var(--bd-gray, #7a7a7a); font-size: 13px; }
.stone__img { margin-bottom: 14px; }
.stone__name { font-size: 16px; margin: 0 0 4px; }
.stone__spec { font-weight: 400; color: var(--bd-gray, #7a7a7a); font-size: 13px; margin-bottom: 10px; }
.stone__price { font-size: 16px; font-weight: 500; margin-top: auto; }
.stone__ring { font-size: 13px; color: var(--bd-gray, #7a7a7a); margin-top: 2px; }
@media (max-width: 767px) {
  .stones__head { padding-bottom: 20px; }
  .stones__head .stones__lead { font-size: 14px; }
  .stones__filters { margin: 0 -15px; padding: 0 0 20px; }
  .sf { flex-wrap: nowrap; overflow-x: auto; padding: 0 15px; margin-bottom: 10px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .sf::-webkit-scrollbar { display: none; }
  .shp { flex: 0 0 72px; width: 72px; height: 72px; gap: 6px; }
  .shp__ico { width: 32px; height: 32px; }
  .shp__all { height: 32px; line-height: 32px; font-size: 15px; }
  .shp__name { font-size: 11px; }
  .sf .chip { flex: 0 0 auto; height: 32px; }
  .sf__label { flex: 0 0 auto; }
  .stones__count { padding: 0 15px; }
  .stones__grid { gap: 24px 12px; padding-bottom: 50px; }
  .stone__img { margin-bottom: 10px; }
  .stone__name { font-size: 14px; }
  .stone__spec { font-size: 12px; margin-bottom: 6px; }
  .stone__price { font-size: 15px; }
  .stone__ring { font-size: 12px; }
  .stones__cta { padding-top: 10px; padding-bottom: 40px; }
}
.shp.is-on { box-shadow: none; outline: 1px solid var(--bd-ink, #252525); outline-offset: -2px; }
@media (min-width: 768px) { .sf { justify-content: center; } .stones__count { text-align: center; } }

/* v6 — страница камня: строки характеристик в одну линию, видео вместо фото на мобильном */
.stone-page .goods__title { margin-bottom: 20px; }
.stone-descr p { margin: 0; }
.stone-descr__more { font: inherit; font-size: 13px; background: none; border: 0; padding: 0; margin: 6px 0 0; color: var(--bd-ink, #252525); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.stone-page .goods__property-buy_wrap { margin-top: 26px; }
.stone-buy__note { font-size: 13px; color: var(--bd-gray, #7a7a7a); margin: 12px 0 0; line-height: 1.45; }
.stone-specs { margin-top: 30px; border-top: 1px solid var(--bd-line, #d3d3d3); }
.stone-specs__row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--bd-line, #d3d3d3); font-size: 14px; }
.stone-specs__row span { color: var(--bd-gray, #7a7a7a); }
.stone-specs__row b { font-weight: 400; text-align: right; color: var(--bd-ink, #252525); }
.stone-specs__row_ring b { font-weight: 500; }
.stone-specs__note { font-size: 13px; color: var(--bd-gray, #7a7a7a); margin: 14px 0 0; line-height: 1.45; }
.stone-gallery__item video { background: #e6e6e6; }
@media (max-width: 1199px) {
  .stone-gallery.has-video .stone-gallery__item_photo { display: none; }
  .stone-gallery { margin: 0 -15px 20px; }
  .stone-gallery__item { margin-bottom: 0; }
  .stone-descr { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .stone-descr.is-open { display: block; -webkit-line-clamp: unset; }
}
@media (max-width: 767px) {
  .stone-page .goods__title { font-size: 26px; margin-bottom: 14px; }
  .stone-specs { margin-top: 24px; }
  .stone-specs__row { padding: 10px 0; font-size: 13px; }
}
.stone__badge_local { top: 10px; left: 10px; background: #fff; color: var(--bd-green, #397b6b); padding: 4px 8px; font-size: 11px; letter-spacing: .08em; }
@media (min-width: 768px) { .sf--stock { margin-bottom: 14px; } }
.stone-page .stone-descr { margin-bottom: 0; padding-bottom: 0; }
.stone-page .stone-descr p { margin-bottom: 0; }

/* v7 — мобильный: видео вплотную к шапке, три полоски в одну строку */
@media (max-width: 1199px) { body.information-stones-stone-page .header__container { margin-bottom: 0 !important; } }
@media (max-width: 767px) {
  .stone-page .goods__property { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between; align-items: center; gap: 12px; padding: 0 0 12px !important; margin: 0 0 4px !important; border-bottom: 1px solid var(--bd-line, #d3d3d3); }
  .stone-page .goods__property .property__item { width: auto !important; flex: 0 1 auto !important; min-width: 0; height: auto !important; border: 0 !important; padding: 0 !important; margin: 0 !important; gap: 6px; }
  .stone-page .goods__property .property__title { display: none !important; }
  .stone-page .goods__property .property__descr { margin: 0 !important; white-space: nowrap; }
}
.stones__head { max-width: none; }
@media (min-width: 992px) { .stones__head .stones__lead { white-space: nowrap; max-width: none; } }
@media (max-width: 767px) { .stone-page .stone-specs { margin-top: 0; border-top: 0; } }
.st-xs, .st-xs-block { display: none !important; }
@media (max-width: 767px) { .st-xs { display: inline !important; } .st-xs-block { display: block !important; } .st-lg { display: none !important; } }

/* видео при наведении на карточку */
.stone__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .3s ease-in-out; background: #e6e6e6; }
.stone__img.is-video .stone__video { opacity: 1; }
.stone__img.is-video img { transform: none !important; }
.stone__img .unit__labels { z-index: 2; }
a.shp, a.shp:hover, a.shp:focus { text-decoration: none; color: var(--bd-ink, #252525); }
/* третья строка: наличие и уровень рядом */
.sf-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 40px; }
.sf-row .sf { margin-bottom: 14px; }
@media (max-width: 767px) { .sf-row { display: block; } }

/* пустой результат подбора — блок в стиле Академии */
.st-cta { background: #252525; color: #fff; display: grid; grid-template-columns: 1fr auto; grid-template-areas: "t b" "d b" "a b"; column-gap: 48px; row-gap: 10px; align-items: center; padding: 48px 56px; margin: 0 0 80px; }
.st-cta[hidden] { display: none; }
.st-cta__title { grid-area: t; margin: 0; font-family: 'Bendes', serif; font-weight: 400; font-size: 26px; line-height: 1.15; text-transform: uppercase; color: #fff; }
.st-cta__text { grid-area: d; margin: 0; max-width: 620px; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,.75); }
.st-cta__addr { grid-area: a; margin: 6px 0 0; font-size: 14px; color: rgba(255,255,255,.6); }
.st-cta__actions { grid-area: b; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px; }
.st-cta__btn { display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 28px; background: #397b6b; border: 1px solid #397b6b; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; transition: background .3s, color .3s, border-color .3s; }
.st-cta__btn:hover, .st-cta__btn:focus { background: #eacb7e; border-color: #eacb7e; color: #252525; text-decoration: none; }
.st-cta__btn_line { background: transparent; border-color: #fff; }
.st-cta__btn_line:hover { background: #fff; border-color: #fff; color: #252525; }
@media (max-width: 1199px) { .st-cta { grid-template-columns: 1fr; grid-template-areas: "t" "d" "b" "a"; row-gap: 16px; } .st-cta__actions { justify-content: flex-start; } }
@media (max-width: 767px) { .st-cta { padding: 32px 22px; margin-bottom: 50px; } .st-cta__title { font-size: 20px; } .st-cta__btn { width: 100%; } }
.stones__cta[hidden] { display: none; }

/* цветные бриллианты: кружок цвета в фильтре */
.chip--fam { display: inline-flex; align-items: center; gap: 7px; }
.fam { display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid rgba(0,0,0,.12); }
.fam--yellow { background: #f2d16b; } .fam--pink { background: #eeb3c4; } .fam--brown { background: #b07a45; } .fam--orange { background: #ee9b4d; }
.fam--green { background: #9cc39a; } .fam--purple { background: #a88cc9; } .fam--blue { background: #8fb7dd; } .fam--gray { background: #b5b5b5; }
.chip.is-on .fam { border-color: rgba(255,255,255,.6); }

/* драгоценные камни (30.10.2026) */
.fam--red { background: #d46a6a; } .fam--white { background: #fff; box-shadow: inset 0 0 0 1px #c9c9c9; }