.ps-flow{background:var(--c-off);border-bottom:1px solid var(--c-line-l);padding:20px 0;}
.ps-flow__in{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.ps-flow__label{font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted);}
.ps-flow__steps{display:flex;align-items:center;gap:10px;flex:1;flex-wrap:wrap;}
.ps-flow__step{display:flex;align-items:center;gap:12px;flex:1;min-width:210px;text-decoration:none;color:var(--c-ink);background:#fff;border:1px solid var(--c-line-l);border-radius:8px;padding:10px 14px;transition:.2s;}
.ps-flow__step:hover{border-color:var(--c-red);}
.ps-flow__step i.ic{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:rgba(217,28,28,.08);border:1px solid rgba(217,28,28,.2);color:var(--c-red);font-size:17px;flex-shrink:0;}
.ps-flow__step small{display:block;font-size:15px;color:var(--c-muted);}
.ps-flow__step b{font-size:15px;font-weight:800;text-transform:uppercase;}
.ps-flow__step.is-cur{border-color:var(--c-red);box-shadow:inset 3px 0 0 var(--c-red);}
.ps-flow__step.is-cur i.ic{background:var(--c-red);border-color:var(--c-red);color:#fff;}
.ps-flow__arrow{color:#b8bec4;}

.ps-pro{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--c-red);border-radius:6px;background:#fff;}
.ps-pro__item{display:flex;gap:14px;align-items:flex-start;padding:22px;border-right:1px solid rgba(217,28,28,.3);}
.ps-pro__item:last-child{border-right:0;}
.ps-pro__item > i{font-size:30px;line-height:1;color:var(--c-ink);flex-shrink:0;}
.ps-pro__item b{display:block;font-size:17px;font-weight:900;text-transform:uppercase;color:var(--c-red);line-height:1.2;margin-bottom:4px;}
.ps-pro__item span{font-size:15px;line-height:1.45;color:var(--c-muted);}
.ps-lower{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;margin-top:64px;padding-top:48px;border-top:1px solid var(--c-line-d);}
.ps-page .ps-lower h3{font-size:23px!important;margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.ps-lower h3 i{color:var(--c-red);}
.ps-sizes{display:grid;gap:12px;}
.ps-sizes{display:grid;gap:12px;}
.ps-size{display:flex;align-items:center;gap:16px;background:var(--c-dark2);border:1px solid var(--c-line-d);border-left:3px solid var(--c-red);border-radius:6px;padding:16px 18px;}
.ps-size svg{width:34px;height:44px;flex-shrink:0;}
.ps-size b{display:block;font-size:23px;font-weight:900;color:#fff;line-height:1.1;}
.ps-size span{font-size:15px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em;}


@media (max-width:992px){
    .ps-flow__arrow{display:none;}
    .ps-pro{grid-template-columns:1fr 1fr;}
    .ps-pro__item:nth-child(2){border-right:0;}
    .ps-pro__item:nth-child(-n+2){border-bottom:1px solid rgba(217,28,28,.3);}
    .ps-lower{grid-template-columns:1fr;gap:36px;}
    .ps-flow__steps{display: contents;}
}

@media (max-width:768px){
    .ps-flow__step{min-width:100%;}
    .ps-pro{grid-template-columns:1fr;}
  .ps-pro{margin-top:48px;}
  .ps-pro__item{border-right:0!important;border-bottom:1px solid rgba(217,28,28,.3);}
  .ps-pro__item:last-child{border-bottom:0;}
  .ps-lower h3{font-size:20px!important;}
}

/* ── Before / After Slider ── */
.ba-slider{position:relative;overflow:hidden;border-radius:12px;cursor:col-resize;user-select:none;-webkit-user-select:none;aspect-ratio:4/3;width:100%;}
.ba-slider img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;}
.ba-after{position:absolute;inset:0;}
.ba-before{position:absolute;inset:0;width:50%;overflow:hidden;}
.ba-before img{width:auto;max-width:none;min-width:100%;height:100%;object-fit:cover;object-position:left center;}
.ba-divider{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;z-index:10;}
.ba-line{width:3px;flex:1;background:#D91C1C;}
.ba-handle{width:48px;height:48px;border-radius:50%;background:#D91C1C;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,.35);flex-shrink:0;margin:auto;position:absolute;top:50%;transform:translateY(-50%);}
.ba-handle svg{width:22px;height:22px;}
.ba-label{position:absolute;bottom:18px;background:rgba(20,20,20,.75);color:#fff;font-size:13px;font-weight:800;letter-spacing:.12em;padding:7px 16px;border-radius:6px;}
.ba-label--before{left:16px;}
.ba-label--after{right:16px;}