/* Тръби и Пръти: блоковете около инструмента */
.trabi .str-glava, .prati .str-glava { padding-bottom: clamp(36px, 4vw, 56px); }

/* какво става при навиването */
.vazm-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(28px, 5vw, 90px); margin-top: clamp(40px, 5vw, 72px); }
.vazm-list > div { display: grid; grid-template-columns: minmax(130px, 0.4fr) minmax(0, 1fr); gap: 20px; padding: 22px 0 26px; border-top: 1px solid var(--liniya); }
.vazm-list dt { font-weight: 500; font-size: 19px; letter-spacing: -0.02em; }
.vazm-list dd { color: var(--mastilo-2); font-size: 16px; max-width: 42ch; }
@media (max-width: 900px) { .vazm-list { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 520px) { .vazm-list > div { grid-template-columns: minmax(0, 1fr); gap: 6px; } }

/* таблицата с дорниците */
.tablica { background: var(--hartiya-2); }
.dornici-reshetka { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); border-top: 1px solid var(--liniya); border-left: 1px solid var(--liniya); }
.dornici-reshetka li { border-right: 1px solid var(--liniya); border-bottom: 1px solid var(--liniya); }
.dornici-reshetka a, .dornici-reshetka span { display: grid; place-items: center; height: 64px; font-size: 18px; text-decoration: none; }
.dornici-reshetka a:hover { background: var(--hartiya); color: var(--oranzh-tekst); }
.dornici-drugi { margin-top: clamp(32px, 4vw, 56px); border-collapse: collapse; width: 100%; max-width: 760px; }
.dornici-drugi caption { text-align: left; font-size: 14px; color: var(--mastilo-3); padding-bottom: 12px; }
.dornici-drugi td { padding: 14px 18px 14px 0; border-top: 1px solid var(--liniya); vertical-align: baseline; }
.dornici-drugi td.mono { font-size: 18px; white-space: nowrap; }
.dornici-drugi td:last-child { color: var(--mastilo-2); font-size: 15px; }
@media (max-width: 560px) { .dornici-drugi td.mono { white-space: normal; font-size: 16px; } }

/* техническият лист */
.list-mreja { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(36px, 6vw, 100px); align-items: start; }
.list-tablica { border-collapse: collapse; width: 100%; }
.list-tablica th { text-align: left; font-weight: 400; color: var(--mastilo-2); padding: 18px 20px 18px 0; border-top: 1px solid var(--liniya); font-size: 16px; }
.list-tablica td { text-align: right; padding: 18px 0; border-top: 1px solid var(--liniya); font-size: 19px; white-space: nowrap; }
.list-tablica td:not(.mono) { font-size: 16px; white-space: normal; }
@media (max-width: 900px) { .list-mreja { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 520px) { .list-tablica td { white-space: normal; } }

/* къде отиват */
.kade-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: clamp(32px, 4vw, 56px); max-width: 1100px; }
.kade-list a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1.5px solid var(--liniya); border-radius: 999px; text-decoration: none; font-size: 15.5px; transition: border-color .2s, background .2s; }
.kade-list a:hover { border-color: var(--mastilo); background: var(--hartiya-2); }

/* пръти: краят */
.kraiat-mreja { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(36px, 6vw, 100px); align-items: center; }
.kraiat-svg { width: 100%; height: auto; }
.kraiat-svg .prat-tyalo { fill: #A9B490; }
.kraiat-svg .prat-nav { fill: #9FAA84; }
.kraiat-svg .nishki-ax path, .kraiat-svg .nishki-sp path { stroke: rgba(22, 25, 27, .28); stroke-width: 1.4; fill: none; }
.kraiat-svg .razcep path { stroke: #8E9A72; stroke-width: 3; fill: none; stroke-linecap: round; stroke-dasharray: 200; stroke-dashoffset: 200; transition: stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1) .3s; }
.kraiat-fig.vidimo .razcep path { stroke-dashoffset: 0; }
.kraiat-svg .prat-chelo { fill: #7F8B63; }
.kraiat-svg .kr-t { font: 500 15px var(--mono); fill: var(--mastilo-2); text-transform: uppercase; letter-spacing: .05em; }
@media (max-width: 900px) { .kraiat-mreja { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .kraiat-svg .razcep path { stroke-dashoffset: 0; transition: none; } }
.snimki-red { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 28px); }
.snimki-red img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 14px; }
@media (max-width: 720px) { .snimki-red { grid-template-columns: minmax(0, 1fr); } }