/* st-portfolio v1 — хаб портфолио (/portfolio/), подкатегории и «Последние работы». Только стили. После adaptiv.css */
#content{--pf-or:#FD8900;--pf-sl:#2D3440;--pf-bd:#E3E3E3;--pf-cream:#FFF7EC;--pf-cb:#F0DEC6}
/* ===== плитки категорий ===== */
#content #portfolio_box{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:20px 0 36px!important;padding:0!important}
#content #portfolio_box .box{position:relative;grid-column:span 2;width:auto!important;float:none!important;margin:0!important;padding:0!important;border-radius:16px;overflow:hidden;background:#222;box-shadow:0 6px 20px rgba(45,52,64,.12)}
#content #portfolio_box .box:nth-of-type(n+4){grid-column:span 3}
#content #portfolio_box .box .img{margin:0!important;padding:0!important;width:auto!important;height:auto!important}
#content #portfolio_box .box .img a{display:block}
#content #portfolio_box .box .img img{display:block;width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover;transition:transform .5s ease}
@media (hover:hover){#content #portfolio_box .box:hover .img img{transform:scale(1.06)}}
#content #portfolio_box .box h2{position:absolute!important;left:0;right:0;bottom:0;margin:0!important;padding:44px 20px 16px!important;background:linear-gradient(180deg,rgba(20,16,12,0),rgba(20,16,12,.78))!important;text-align:left!important}
#content #portfolio_box .box h2 a{color:#fff!important;font-size:21px!important;line-height:1.2!important;font-weight:800!important;text-decoration:none!important;text-shadow:0 1px 6px rgba(0,0,0,.4)}
#content #portfolio_box .box h2 a::after{content:"→";margin-left:8px;color:var(--pf-or);transition:margin .2s}
@media (hover:hover){#content #portfolio_box .box:hover h2 a::after{margin-left:14px}}
/* ===== сетка работ ===== */
#content #portfolio{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;margin:0 0 24px!important;padding:0!important}
#content .portfolio-item{box-sizing:border-box}
#content #portfolio .portfolio-item,#content .last_works .portfolio-item{display:flex!important;flex-direction:column;align-items:stretch!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;background:#fff!important;border:1px solid var(--pf-bd)!important;border-radius:16px!important;box-shadow:0 6px 20px rgba(45,52,64,.08)!important;overflow:hidden;transition:box-shadow .25s,transform .25s}
@media (hover:hover){#content #portfolio .portfolio-item:hover,#content .last_works .portfolio-item:hover{box-shadow:0 16px 34px rgba(45,52,64,.16)!important;transform:translateY(-3px)}}
#content .portfolio-item .portfolio-item__img-wrap{position:relative;flex:0 0 auto;width:100%!important;height:auto!important;aspect-ratio:4/3;margin:0!important;overflow:hidden;background-size:cover!important;background-position:center!important;background-color:#EEE}
#content .portfolio-item .portfolio-item__img-wrap>img{position:absolute;left:0;top:0;width:100%!important;height:100%!important;object-fit:cover}
#content .portfolio-item .portfolio-item__photo_count{padding:4px 12px;border-radius:999px;background:rgba(45,52,64,.82);color:#fff;font-size:13px;font-weight:700}
#content .portfolio-item .portfolio-item__content-wrap{display:flex!important;flex-direction:column;flex:1 1 auto;width:100%!important;box-sizing:border-box;padding:18px 20px 20px!important;text-decoration:none!important;color:var(--pf-sl)!important;text-align:left!important}
#content .portfolio-item .portfolio-item_title{margin:0 0 12px!important;font-size:19px!important;line-height:1.3!important;font-weight:800!important;color:var(--pf-sl)!important;text-align:left!important}
/* характеристики */
#content .portfolio-item .portfolio-item_props{flex:1 1 auto;margin:0 0 12px!important;padding:0!important}
#content .portfolio-item .portfolio-item_prop-row{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;margin:0!important;padding:7px 0!important;border-bottom:1px dashed #E3E3E3}
#content .portfolio-item .portfolio-item_prop-row:last-child{border-bottom:0}
#content .portfolio-item .prop_name{flex:0 0 auto;font-size:14px!important;font-weight:500!important;color:#6B7380!important}
#content .portfolio-item .prop_value{font-size:15px!important;font-weight:700!important;color:var(--pf-sl)!important;text-align:right!important}
#content .portfolio-item .att_price .prop_value{color:var(--pf-or)!important;font-weight:800!important}
/* цена */
#content .portfolio-item .portfolio-item_price{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 14px!important;padding:12px 0 0!important;border-top:1px solid #EEE}
#content .portfolio-item .portfolio-item_price-total{font-size:24px!important;line-height:1.15!important;font-weight:800!important;color:var(--pf-or)!important}
#content .portfolio-item .portfolio-item_price-m2{font-size:15px!important;font-weight:600!important;color:#6B7380!important}
/* кнопка */
#content .portfolio-item .portfolio-item__content-wrap>div:last-child{margin-top:auto}
#content .portfolio-item .button{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;min-height:48px;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#FE5248,#FD8507)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;text-decoration:none!important;text-transform:none!important;box-shadow:0 8px 18px rgba(254,82,72,.26)!important;transition:filter .2s}
@media (hover:hover){#content .portfolio-item .button:hover{filter:brightness(1.07)}}
/* ===== полоса CTA ===== */
#content #portfolio .portfolio-strip{grid-column:1/-1;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:0!important;padding:26px 30px!important;border:0!important;border-radius:18px!important;background:linear-gradient(135deg,#2D3440 0%,#3C4656 100%)!important;color:#fff!important;box-shadow:0 12px 30px rgba(45,52,64,.25)}
#content .portfolio-strip__text{flex:1 1 280px;font-size:24px!important;line-height:1.25!important;font-weight:800!important;color:#fff!important}
#content .portfolio-strip__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
#content .portfolio-strip__phone a{color:#fff!important;font-size:24px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap}
#content .portfolio-strip .button{display:inline-flex!important;align-items:center;justify-content:center;min-height:52px;padding:0 26px!important;border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#FE5248,#FD8507)!important;color:#fff!important;font-size:16px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 8px 20px rgba(254,82,72,.35)!important}
/* ===== «Показать еще» ===== */
#content .load-more-portfolio{text-align:center;margin:8px 0 30px!important}
#content .load-more-portfolio a.button{display:inline-flex!important;align-items:center;justify-content:center;min-height:52px;padding:0 40px!important;border:2px solid var(--pf-or)!important;border-radius:12px!important;background:#fff!important;color:var(--pf-or)!important;font-size:16px!important;font-weight:800!important;text-decoration:none!important;box-shadow:none!important;transition:background .2s,color .2s}
@media (hover:hover){#content .load-more-portfolio a.button:hover{background:var(--pf-or)!important;color:#fff!important}}
/* ===== «Последние работы» (slick) ===== */
#content .last_works_slider .slick-track{display:flex!important;align-items:stretch}
#content .last_works_slider .slick-slide{height:auto!important;float:none!important}
#content .last_works_slider .slick-slide>div{height:100%}
#content .last_works_slider .slick-slide .portfolio-item{height:100%;margin:0 8px!important;box-sizing:border-box}
/* ===== адаптив ===== */
@media (max-width:900px){
 #content #portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 #content #portfolio_box{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #content #portfolio_box .box,#content #portfolio_box .box:nth-of-type(n+4){grid-column:span 1}
 #content #portfolio_box .box:last-of-type:nth-of-type(odd){grid-column:1/-1}
 #content #portfolio_box .box h2{padding:36px 14px 12px!important}
 #content #portfolio_box .box h2 a{font-size:17px!important}
}
@media (max-width:600px){
 #content #portfolio{grid-template-columns:minmax(0,1fr)}
 #content .portfolio-item .portfolio-item__img-wrap{aspect-ratio:16/10}
 #content .portfolio-item .portfolio-item__content-wrap{padding:16px!important}
 #content #portfolio .portfolio-strip{padding:20px 18px!important}
 #content .portfolio-strip__text{font-size:20px!important}
 #content .portfolio-strip__actions{width:100%}
 #content .portfolio-strip .button{width:100%}
}