/* Start:/bitrix/templates/golf/components/bitrix/catalog/rules_2023/style.css?17945935345505*/
/* Раздел "Правила гольфа 2023" (инфоблок 33). Все селекторы намеренно
   под префиксом .r23- / r23- — чтобы не пересекаться с общими классами
   сайта (.side, .note и т.п. уже могут использоваться в глобальном CSS). */

.r23-wrap { display:flex; align-items:flex-start; gap:0; }

.r23-side {
  width:260px; flex:0 0 260px;
  background:#f7f8f4; border:1px solid #e3e6de; border-radius:10px;
  padding:14px 10px 20px; margin-right:24px;
  position:sticky; top:50px; max-height:900px; overflow-y:auto;
}
.r23-sec { margin-bottom:2px; }
.r23-sec-head {
  display:flex; align-items:center; gap:8px; cursor:pointer;
  font-weight:700; font-size:12px; letter-spacing:.04em; text-transform:uppercase;
  color:#4b564c; padding:8px 8px; border-radius:6px;
}
.r23-sec--open > .r23-sec-head { background:#eef1ea; }
.r23-rn { color:#3a7a1f; min-width:16px; }
.r23-car { margin-left:auto; opacity:.6; transition:transform .15s; }
.r23-sec--open .r23-car { transform:rotate(90deg); }
.r23-sec-body { display:none; padding-left:4px; }
.r23-sec--open .r23-sec-body { display:block; }

.r23-rule-link {
  display:block; padding:7px 10px 7px 24px; border-radius:6px;
  font-size:13.5px; color:#4b564c; text-decoration:none;
}
.r23-rule-link:hover { background:#eef1ea; }
.r23-rule-link--active { background:#eef6e8; color:#3a7a1f; font-weight:700; }
.r23-num { font-weight:700; font-variant-numeric:tabular-nums; }

.r23-definitions-link {
  display:block; margin-top:12px; padding:8px 8px; font-size:12.5px;
  color:#3a7a1f; font-weight:700; text-decoration:none; border-top:1px solid #d7ddd0;
}

/* ---- главная колонка: страница правила ---- */
.r23-main { flex:1; min-width:0; }

.r23-note {
  font-size:12.5px; color:#4b564c; margin:0 0 20px;
}

.r23-rule-head { display:flex; gap:18px; align-items:flex-start; margin-bottom:20px; }
.r23-badge {
  flex:none; width:56px; height:56px; border-radius:12px;
  background:#6fbc41; color:#fff; display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:26px;
}
.r23-kicker { font-weight:800; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#3a7a1f; }
.r23-rule-head h1 { font-size:25px; margin:4px 0 0; font-weight:800; }

.r23-detail .purpose {
  background:#eef1ea; border:1px solid #d7ddd0; border-radius:10px;
  padding:16px 20px; margin:0 0 26px;
}
.r23-detail .purpose .lbl { font-weight:800; font-size:12px; letter-spacing:.03em; margin-bottom:8px; display:block; }
.r23-detail .purpose ul { margin:8px 0 0; padding-left:20px; }
.r23-detail .purpose li { margin:4px 0; }

.r23-detail .sub {
  font-weight:700; font-size:14px; background:#6fbc41; color:#fff;
  display:inline-block; padding:7px 14px; border-radius:8px; margin:28px 0 12px;
}
.r23-detail .subsub { font-size:15.5px; font-weight:700; margin:16px 0 8px; }

.r23-detail .rule-panel {
  background:#eef1ea; border:1px solid #d7ddd0; border-radius:10px;
  padding:16px 20px; margin-bottom:16px;
}
.r23-detail .rule-panel p { margin:0 0 10px; }
.r23-detail .rule-panel p:last-child { margin-bottom:0; }
.r23-detail .rule-panel ul { margin:8px 0; padding-left:20px; }
.r23-detail .rule-panel li { margin:6px 0; }

.r23-detail .term { border-bottom:1px dotted #3a7a1f; font-style:italic; }
.r23-detail .xref { color:#3a7a1f; font-weight:700; text-decoration:underline; }

.r23-detail .clar-head { display:flex; align-items:center; gap:10px; margin:32px 0 12px; }
.r23-detail .clar-head .line { flex:1; height:1px; background:#e3e6de; }
.r23-detail .clar-head span { font-weight:800; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:#4b564c; white-space:nowrap; }

.r23-detail .clar-card {
  border:1px solid #e3e6de; border-radius:10px; padding:16px 20px; margin-bottom:14px;
}
.r23-detail .clar-card .id {
  font-weight:800; font-size:12px; color:#3a7a1f; background:#eef6e8;
  display:inline-block; padding:3px 9px; border-radius:6px; margin-bottom:8px;
}
.r23-detail .clar-card h4 { font-size:15px; margin:0 0 8px; font-weight:700; }
.r23-detail .clar-card p { margin:0 0 10px; }
.r23-detail .clar-card ul { margin:8px 0; padding-left:20px; }
.r23-detail .clar-card li { margin:5px 0; }

.r23-source {
  margin-top:36px; padding-top:16px; border-top:1px solid #e3e6de;
  font-size:12.5px; color:#4b564c;
}

@media (max-width:860px) {
  .r23-wrap { flex-direction:column; }
  .r23-side { width:100%; margin-right:0; margin-bottom:16px; max-height:280px; }
  .r23-rule-head h1 { font-size:20px; }
}

/* Увеличение диаграмм по клику (13.11.2026) */
.r23-detail img.r23-zoomable { cursor:zoom-in; }
html.r23-lb-lock { overflow:hidden; }
.r23-lightbox {
  display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100000;
  background:rgba(0,0,0,.85); overflow:auto; cursor:zoom-out; -webkit-overflow-scrolling:touch;
}
.r23-lightbox.is-open { display:block; }
.r23-lightbox img {
  display:block; max-width:96vw; max-height:96vh; width:auto; height:auto;
  margin:2vh auto; background:#fff;
}
.r23-lightbox-close {
  position:fixed; top:10px; right:16px; width:40px; height:40px; border:0; border-radius:50%;
  background:rgba(255,255,255,.9); color:#222; font-size:28px; line-height:40px; text-align:center; cursor:pointer; padding:0;
}
@media (max-width:860px) {
  .r23-lightbox img { max-width:none; max-height:none; margin:0; }
}

/* End */


/* Start:/bitrix/templates/golf/components/bitrix/breadcrumb/breadcrumb/style.css?1760135760227*/
ul.breadcrumb-navigation
{
	padding:0; margin:0;
	padding-top:4px;
	list-style:none;
}

ul.breadcrumb-navigation li
{
	display:inline;
}

ul.breadcrumb-navigation a
{
	
}

ul.breadcrumb-navigation span
{
	
}
/* End */
/* /bitrix/templates/golf/components/bitrix/catalog/rules_2023/style.css?17945935345505 */
/* /bitrix/templates/golf/components/bitrix/breadcrumb/breadcrumb/style.css?1760135760227 */