/* Лендинг «Газобетонные блоки» (/stroymaterialy/gazobetonnye-bloki и раздел /stroymaterialy, resources/views/site/company/gazobeton.blade.php).
   Белые секции на сером фоне в ширине сайта, без левой колонки. Значения — только --gts-* (docs/DESIGN_CODE.md).
   Разделительных линий нет: блоки отделяются фоном и отступами. */

.gb{width:calc(100% - 40px);max-width:var(--gts-container);margin:var(--gts-s-5) auto var(--gts-s-7);color:var(--gts-text)}
.gb a{width:auto}
.gb_sec{background:var(--gts-surface);border-radius:var(--gts-r-section);padding:var(--gts-s-7);margin-bottom:var(--gts-s-5)}
.gb_sec:last-child{margin-bottom:0}
.gb p{margin:0}
.gb figure{margin:0}
.gb img{display:block;width:100%;height:auto}

.gb_h1{font-size:42px;line-height:1.15;font-weight:700;letter-spacing:-.01em;margin:0 0 var(--gts-s-4)}
.gb_h2{font-size:28px;line-height:1.2;font-weight:700;margin:0 0 var(--gts-s-3)}
/* строки заголовков одинаковой длины, без одного слова на последней строке */
.gb_h1, .gb_h2, .gb_h3, .gb_maker_name{text-wrap:balance}
/* в описаниях и подписях без одинокого слова на последней строке */
.gb p, .gb li, .gb figcaption, .gb_hero p{text-wrap:pretty}
.gb_h3{font-size:18px;line-height:1.3;font-weight:600;margin:0 0 var(--gts-s-2)}
.gb_intro{font-size:16px;color:var(--gts-text-2);max-width:680px;margin-bottom:var(--gts-s-6)!important}
.gb_note{font-size:14px;color:var(--gts-text-2);margin-top:var(--gts-s-4)!important}
.gb_eyebrow{font-size:14px;font-weight:600;color:var(--gts-green);margin-bottom:var(--gts-s-4)!important}

/* Первый экран: текст и фото нашего дома из газобетона */
.gb_hero_text > *{animation:gb-up .6s cubic-bezier(.2,.7,.2,1) both}
.gb_hero_text > :nth-child(2){animation-delay:.08s}.gb_hero_text > :nth-child(3){animation-delay:.16s}.gb_hero_text > :nth-child(4){animation-delay:.24s}.gb_hero_text > :nth-child(5){animation-delay:.32s}
/* Первый экран во всю ширину: текст слева в ширине сайта, фото справа до края экрана, без затемнения */
.gb_hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:600px;background:var(--gts-surface);color:var(--gts-text)}
.gb_hero p{margin:0}
.gb_hero a{width:auto}
.gb_hero_text{align-self:center;padding:var(--gts-s-7) var(--gts-s-7) var(--gts-s-7) max(20px, calc((100vw - var(--gts-container)) / 2))}
.gb_hero .gb_h1{font-size:46px;line-height:1.12}
.gb_hero .gb_h1 span{color:var(--gts-green)}
.gb_hero_photo{position:relative;margin:0;overflow:hidden;border-radius:var(--gts-r-section) 0 0 var(--gts-r-section)}
.gb_hero_photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;animation:gb-settle 1.6s cubic-bezier(.2,.7,.2,1) both}
.gb_hero_photo .gb_tag{position:absolute;left:var(--gts-s-5);bottom:var(--gts-s-5);z-index:3}
.gb_lead{font-size:17px;line-height:1.55;color:var(--gts-text-2);max-width:560px;margin-bottom:var(--gts-s-6)!important}
.gb_price{display:flex;align-items:baseline;gap:var(--gts-s-2);margin-bottom:var(--gts-s-6)}
.gb_price_from, .gb_price_unit{font-size:18px;color:var(--gts-text-2)}
.gb_price_num{font-size:48px;line-height:1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.gb_actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gts-s-4) var(--gts-s-5)}
.gb_phone{display:inline-flex;align-items:center;gap:var(--gts-s-2);font-size:18px;font-weight:600;color:var(--gts-text)!important;white-space:nowrap}
.gb_phone svg{width:18px;height:18px;color:var(--gts-green)}
.gb_phone:hover{color:var(--gts-green)!important}
.gb .gts-btn{transition:background .15s,transform .2s}
.gb .gts-btn:active{transform:scale(.98)}
.gb_chips span:active{transform:scale(.96)}
.gb_tag{flex:none;display:flex;flex-direction:column;gap:2px;padding:var(--gts-s-3) var(--gts-s-4);background:var(--gts-surface);border-radius:var(--gts-r-control);box-shadow:var(--gts-shadow-float);font-size:13px;line-height:1.35;color:var(--gts-text-2);animation:gb-up .6s 1.05s cubic-bezier(.2,.7,.2,1) both}
.gb_tag b{font-size:15px;color:var(--gts-text)}
.gb_courses{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;gap:3px;pointer-events:none}
.gb_courses i{flex:1;display:flex;gap:3px}
.gb_courses b{flex-basis:0;background:var(--gts-surface);animation:gb-lay .45s cubic-bezier(.4,0,.2,1) both}
.gb_house figcaption{font-size:13px;line-height:1.45;color:var(--gts-text-2);margin-top:var(--gts-s-2)}

/* Заводы */
.gb_makers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gts-s-4)}
.gb_maker{background:var(--gts-surface-2);border-radius:var(--gts-r-card);padding:var(--gts-s-5);display:flex;flex-direction:column;gap:var(--gts-s-4);transition:background .25s,transform .25s cubic-bezier(.2,.7,.2,1)}
.gb_maker:hover{background:var(--gts-green-soft);transform:translateY(-4px)}
.gb_maker_price em{font-style:normal}
/* переключатель плотности: белая дорожка, зелёная плашка переезжает на выбранную марку */
.gb_dens{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);padding:4px;background:var(--gts-surface);border-radius:var(--gts-r-control)}
.gb_dens_pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n));background:var(--gts-green);border-radius:6px;transform:translateX(calc(var(--i) * 100%));transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.gb_dens button{position:relative;z-index:1;height:36px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--gts-text-2);cursor:pointer;transition:color .25s}
.gb_dens button:hover{color:var(--gts-text)}
.gb_dens button[aria-checked=true]{color:#fff}
.gb_dens button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gts-green-ring);border-radius:6px}
.gb_maker_img{position:relative;height:200px;margin:calc(-1 * var(--gts-s-5)) calc(-1 * var(--gts-s-5)) 0;overflow:hidden}
/* фото блоков с прозрачным фоном (webp/png): блок стоит прямо на серой карточке; при смене плотности фото уезжает
   и приходит новое */
.gb_maker_img picture{position:absolute;inset:var(--gts-s-4) var(--gts-s-4) 0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(24px);transition:opacity .35s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.gb_maker_img picture.is-on{opacity:1;transform:none}
.gb_maker_img img{width:auto!important;height:100%!important;max-width:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.gb_maker:hover .gb_maker_img img{transform:translateY(-6px) scale(1.04)}
.gb_maker_badge{position:absolute;top:var(--gts-s-4);left:var(--gts-s-4);z-index:2;padding:var(--gts-s-1) var(--gts-s-3);border-radius:var(--gts-r-control);background:var(--gts-surface);color:var(--gts-green);font-size:14px;font-weight:700}
.gb_maker_badge.is-pop{animation:gb-pop .35s cubic-bezier(.2,.7,.2,1)}
@keyframes gb-pop{40%{transform:scale(1.18)}}
.gb_maker{overflow:hidden}
.gb_maker_name{font-size:20px;line-height:1.25;font-weight:700;margin:0 0 var(--gts-s-1)}
.gb_maker_city{font-size:14px;color:var(--gts-text-2)}
.gb_maker_price{font-size:30px;line-height:1.1;font-weight:700;color:var(--gts-green);font-variant-numeric:tabular-nums}
.gb_maker_price span{font-size:15px;font-weight:400;color:var(--gts-text-2)}
.gb_maker_specs{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:var(--gts-s-3) var(--gts-s-4);margin:0}
.gb_maker_specs dt{font-size:12px;color:var(--gts-text-3)}
.gb_maker_specs dd{margin:0;font-size:15px;font-weight:600}

/* Какой блок нужен: срез блока в масштабе */
.gb_kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gts-s-6)}
.gb_kind p{font-size:15px;color:var(--gts-text-2)}
.gb_defs{position:absolute;width:0;height:0;overflow:hidden}
.gb_pores_bg{fill:var(--gts-line)}
.gb_pore{fill:var(--gts-text-3);fill-opacity:.45}
.gb_cut{display:block;width:140px;height:100px;margin-bottom:var(--gts-s-4);overflow:visible}
.gb_cut_b{fill:url(#gb-pores);transform-box:fill-box;transform-origin:left center;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.gb_cut_core{fill:var(--gts-text-3)}
.gb_cut text{font-size:12px;fill:var(--gts-text-3);text-anchor:middle}
.gb_cut text[text-anchor=start]{text-anchor:start}
.gb_kind.rv .gb_cut_b{transform:scaleX(0)}
.gb_kind.rv-in .gb_cut_b{transform:none;transition-delay:.15s}

/* Расчёт */
.gb_calc{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--gts-s-7);align-items:start}
.gb_fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gts-s-4) var(--gts-s-3)}
.gb_field{display:flex;flex-direction:column;gap:var(--gts-s-2);margin:0;min-width:0}
.gb_field > span, .gb_field legend{font-size:14px;color:var(--gts-text-2);padding:0}
.gb_field input[type=number]{width:100%;height:var(--gts-control-h);padding:0 var(--gts-s-4);font-size:18px;font-weight:600;color:var(--gts-text);background:var(--gts-surface);border:1px solid var(--gts-line-input);border-radius:var(--gts-r-control);font-variant-numeric:tabular-nums}
.gb_field input[type=number]:focus{outline:none;border-color:var(--gts-green);box-shadow:0 0 0 3px var(--gts-green-ring)}
fieldset.gb_field{border:0;padding:0}
.gb_field legend{margin-bottom:var(--gts-s-2)}
.gb_wide{grid-column:1 / -1}
.gb_wide2{grid-column:span 2}
.gb_parts{display:grid;grid-template-columns:1fr 1fr;gap:var(--gts-s-3) var(--gts-s-4);margin:0 0 var(--gts-s-5);padding:var(--gts-s-4);border-radius:var(--gts-r-control);background:rgba(255,255,255,.06)}
.gb_parts dt{font-size:12px;opacity:.6}
.gb_parts dd{margin:0;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.gb_chips{display:flex;flex-wrap:wrap;gap:var(--gts-s-2)}
.gb_chips label{position:relative;margin:0}
.gb_chips input{position:absolute;opacity:0;width:1px;height:1px}
.gb_chips span{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:var(--gts-control-h);padding:0 var(--gts-s-4);border-radius:var(--gts-r-control);background:var(--gts-surface-2);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.gb_chips span:hover{background:var(--gts-green-soft)}
.gb_chips input:checked + span{background:var(--gts-green);color:#fff}
.gb_chips input:focus-visible + span{box-shadow:0 0 0 3px var(--gts-green-ring)}

.gb_result{background:var(--gts-text);color:#fff;border-radius:var(--gts-r-card);padding:var(--gts-s-6)}
.gb_result_label{font-size:14px;opacity:.7}
.gb_result_volume{font-size:48px;line-height:1.1;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.gb_result_sub{font-size:15px;opacity:.8;margin-bottom:var(--gts-s-5)!important}
.gb_result_list{list-style:none;margin:0 0 var(--gts-s-4);padding:0;display:flex;flex-direction:column;gap:var(--gts-s-4)}
.gb_result_list li{display:grid;grid-template-columns:1fr auto;gap:var(--gts-s-1) var(--gts-s-3);font-size:15px}
.gb_result_list b{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.gb_bar{grid-column:1 / -1;height:6px;border-radius:3px;background:var(--gts-green);transform-origin:left;transition:transform .3s ease}
.gb_result_hint{font-size:13px;opacity:.6}

/* Доставка */
.gb_split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gts-s-7);align-items:center}
.gb_split_photo img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--gts-r-card)}
.gb_points{list-style:none;margin:var(--gts-s-5) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--gts-s-5)}
.gb_points li{font-size:16px;color:var(--gts-text-2);padding-left:var(--gts-s-6);position:relative}
.gb_points li::before{content:"";position:absolute;left:0;top:5px;width:14px;height:14px;border-radius:3px;background:var(--gts-green)}
.gb_points b{color:var(--gts-text)}

/* Стройка «Гиацинта» по шагам */
.gb_steps_tabs{display:flex;gap:var(--gts-s-2);margin-bottom:var(--gts-s-4);overflow-x:auto;scrollbar-width:none}
.gb_steps_tabs::-webkit-scrollbar{display:none}
.gb_steps_tabs button{position:relative;overflow:hidden;isolation:isolate;flex:1 0 auto;display:inline-flex;align-items:center;gap:var(--gts-s-2);height:var(--gts-control-h);padding:0 var(--gts-s-4) 0 var(--gts-s-2);border:0;border-radius:var(--gts-r-control);background:var(--gts-surface-2);font:inherit;font-size:15px;font-weight:600;color:var(--gts-text);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.gb_steps_tabs button:hover{background:var(--gts-green-soft)}
.gb_steps_tabs button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gts-green-ring)}
.gb_steps_tabs button[aria-selected=true]{background:var(--gts-green);color:#fff}
.gb_steps_tabs button::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gts-green-hover);transform:scaleX(0);transform-origin:left}
.gb_steps.is-auto .gb_steps_tabs button[aria-selected=true]{background:var(--gts-green)}
.gb_steps.is-auto .gb_steps_tabs button[aria-selected=true]::before{animation:gb-fill 5s linear forwards}
.gb_steps.is-paused .gb_steps_tabs button::before, .gb_steps.is-paused .gb_steps_stage img{animation-play-state:paused!important}
.gb_step_n{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--gts-surface);color:var(--gts-green);font-size:14px}
.gb_steps_stage{position:relative;aspect-ratio:16/9;border-radius:var(--gts-r-card);overflow:hidden;background:var(--gts-surface-2)}
.gb_steps_stage img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;opacity:0;transition:opacity .45s ease}
.gb_steps_stage img.is-on{opacity:1;animation:gb-zoom 7s ease-out both}

.gb_houses{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto auto;gap:var(--gts-s-5) var(--gts-s-4);margin-top:var(--gts-s-7)}
.gb_house_wide{grid-row:1 / 3}
.gb_ph{border-radius:var(--gts-r-card);overflow:hidden}
.gb_house img{aspect-ratio:4/3;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.gb_house:hover img{transform:scale(1.04)}
.gb_house_wide{display:flex;flex-direction:column}
.gb_house_wide .gb_ph{flex:1 1 0;min-height:280px}
.gb_house_wide img{height:100%!important;aspect-ratio:auto}
.gb_house figcaption b{color:var(--gts-text);font-weight:600}

.gb_build{display:flex;align-items:center;justify-content:space-between;gap:var(--gts-s-5);margin-top:var(--gts-s-6);padding:var(--gts-s-5);background:var(--gts-green-soft);border-radius:var(--gts-r-card)}
.gb_build_text{font-size:16px;max-width:620px}
.gb_build_links{display:flex;align-items:center;gap:var(--gts-s-5);flex:none}
.gb_link{font-size:16px;font-weight:600;color:var(--gts-green)!important}
.gb_link:hover{text-decoration:underline}

/* Заявка */
.gb_order{background:var(--gts-text);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:var(--gts-s-7);align-items:center}
.gb_order .gb_intro{margin-bottom:0!important;color:#fff;opacity:.75}
.gb_order .gts-input{border-color:transparent}
.gb_order .gb_form_consent{color:#fff;opacity:.55}
.gb_order .gb_form_consent a{color:#fff!important}
.gb_order .gb_form_error{color:#fff;background:var(--gts-error);padding:var(--gts-s-2) var(--gts-s-3);border-radius:var(--gts-r-control)}
.gb_order .gb_sent{color:var(--gts-text)}
.gb_form{display:flex;flex-direction:column;gap:var(--gts-s-3)}
.gb_form .gts-btn{width:100%}
.gb_form_error{font-size:14px;color:var(--gts-error)}
.gb_form_consent{font-size:12px;line-height:1.45;color:var(--gts-text-3)}
.gb_form_consent a{color:var(--gts-text-2)!important;text-decoration:underline}
.gb_sent{font-size:16px;padding:var(--gts-s-5);background:var(--gts-green-soft);border-radius:var(--gts-r-card)}
.gb_sent a{color:var(--gts-green)!important;font-weight:600}

@media screen and (max-width:1199px){
    .gb_calc{grid-template-columns:1fr}
}
@media screen and (max-width:992px){
    .gb{width:calc(100% - 20px)}
    .gb_sec{padding:var(--gts-s-6) var(--gts-s-5)}
    .gb_split, .gb_order{grid-template-columns:1fr;gap:var(--gts-s-6)}
    .gb_hero{grid-template-columns:1fr;min-height:0}
    .gb_hero_text{padding:var(--gts-s-6) 20px}
    .gb_hero_photo{aspect-ratio:4/3;border-radius:0}
    .gb_makers, .gb_kinds{grid-template-columns:1fr}
    .gb_kind{display:grid;grid-template-columns:100px 1fr;gap:var(--gts-s-4);align-items:start}
    .gb_cut{width:100px;height:64px;margin:0}
    .gb_build{flex-direction:column;align-items:flex-start}
}
@media screen and (max-width:768px){
    .gb_houses{grid-template-columns:1fr}
    .gb_house_wide{grid-row:auto}
    .gb_house_wide .gb_ph{flex:none;min-height:0}
    .gb_house_wide img{aspect-ratio:16/9;height:auto!important}
    .gb_fields{grid-template-columns:1fr 1fr}
    .gb_fields .gb_field:nth-child(3){grid-column:1 / -1}
    .gb_wide2{grid-column:auto}
}
@media screen and (max-width:490px){
    .gb{width:100%;margin-top:var(--gts-s-3)}
    .gb_sec{border-radius:var(--gts-r-card);padding:var(--gts-s-5) var(--gts-s-4)}
    .gb_h1, .gb_hero .gb_h1{font-size:30px}
    .gb_hero_text{padding:var(--gts-s-5) 16px var(--gts-s-6)}
    .gb_hero_photo .gb_tag{left:var(--gts-s-2);bottom:var(--gts-s-2);padding:var(--gts-s-2) var(--gts-s-3)}
    .gb_tag b{font-size:14px}
    .gb_h2{font-size:22px}
    .gb_lead{font-size:16px}
    .gb_price_num{font-size:40px}
    .gb_actions .gts-btn{width:100%}
    .gb_result{padding:var(--gts-s-5)}
    .gb_result_volume{font-size:40px}
    .gb_chips span{min-width:0;flex:1}
    .gb_chips{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
    .gb_chips label span{width:100%;padding:0}
    .gb_build_links{flex-direction:column;align-items:stretch;width:100%}
    .gb_build_links .gts-btn{width:100%}
    .gb_build_links .gb_link{text-align:center}
    .gb_steps_tabs{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
    .gb_steps_tabs button{font-size:14px;padding-right:var(--gts-s-2);white-space:normal;text-align:left;line-height:1.2}
}
@keyframes gb-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes gb-lay{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px) scale(.96)}}
@keyframes gb-settle{from{transform:scale(1.08)}to{transform:none}}
@keyframes gb-zoom{from{transform:scale(1)}to{transform:scale(1.06)}}
@keyframes gb-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){
    .gb *, .gb *::before{animation:none!important;transition:none!important}
    .gb_courses{display:none}
    .gb_kind.rv .gb_cut_b{transform:none}
}
.gb_maker.rv{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1),background .25s}
.b_nav.gb_nav{margin-bottom:0}

/* Раздел «Стройматериалы» (/stroymaterialy): карточка материала со своей страницей и список «под заказ» */
.sm_card{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:var(--gts-s-6);align-items:center;padding:var(--gts-s-5) var(--gts-s-6);background:var(--gts-surface-2);border-radius:var(--gts-r-card);color:var(--gts-text)!important;text-decoration:none!important;transition:background .25s,transform .25s cubic-bezier(.2,.7,.2,1)}
.sm_card:hover{background:var(--gts-green-soft);transform:translateY(-4px)}
.sm_card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gts-green-ring)}
.sm_card_img{display:flex;align-items:center;justify-content:center;height:220px}
.sm_card_img img{width:auto!important;height:100%!important;max-width:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.sm_card:hover .sm_card_img img{transform:translateY(-6px) scale(1.04)}
.sm_card_body{display:flex;flex-direction:column;gap:var(--gts-s-3);align-items:flex-start}
.sm_card_title{font-size:26px;line-height:1.2;font-weight:700}
.sm_card_text{font-size:16px;color:var(--gts-text-2);max-width:520px;text-wrap:pretty}
.sm_card_price{font-size:30px;line-height:1.1;font-weight:700;color:var(--gts-green);font-variant-numeric:tabular-nums}
.sm_card_price span{font-size:15px;font-weight:400;color:var(--gts-text-2)}
.sm_card_go{display:inline-flex;align-items:center;gap:var(--gts-s-2);height:var(--gts-control-h);margin-top:var(--gts-s-2);padding:0 var(--gts-s-5);border-radius:var(--gts-r-control);background:var(--gts-green);color:#fff;font-size:16px;font-weight:600}
.sm_card_go svg{width:18px;height:18px;transition:transform .25s}
.sm_card:hover .sm_card_go{background:var(--gts-green-hover)}
.sm_card:hover .sm_card_go svg{transform:translateX(4px)}
.sm_more{margin-top:var(--gts-s-6)}
.sm_chips{display:flex;flex-wrap:wrap;gap:var(--gts-s-2);margin:var(--gts-s-3) 0 0;padding:0;list-style:none}
.sm_chips li{padding:var(--gts-s-2) var(--gts-s-4);border-radius:var(--gts-r-control);background:var(--gts-surface-2);font-size:15px;font-weight:600}
@media screen and (max-width:768px){
    .sm_card{grid-template-columns:1fr;gap:var(--gts-s-4);padding:var(--gts-s-5) var(--gts-s-4)}
    .sm_card_img{height:180px}
    .sm_card_title{font-size:22px}
    .sm_card_go{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
    .sm_card, .sm_card_img img, .sm_card_go svg{transition:none}
}