.ub2r-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:56px;max-width:1600px;margin:40px auto 120px;padding:0 24px}
.ub2r-card{cursor:pointer;transform:translateZ(0)}
.ub2r-card figure{margin:0}
.ub2r-card img{width:100%;height:auto;display:block}
.meta{margin-top:8px}
.meta--center .title{text-align:center;font-weight:500}
.ub2r-blur{filter:blur(6px);transition:filter .25s ease}

#ub2r-overlay{position:fixed;inset:0;background:rgba(255,255,255,.98);display:none;z-index:9999}
#ub2r-overlay.is-open{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;align-items:center}
.ub2r-back{position:absolute;left:24px;top:16px;font-size:40px;line-height:1;background:transparent;border:0;cursor:pointer}
.ub2r-stage{position:relative;display:flex;align-items:center;justify-content:center;height:62vh}
#ub2r-image{max-height:60vh;width:auto;height:auto;display:block}
.ub2r-prev,.ub2r-next{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:0;font-size:40px;line-height:1;cursor:pointer;padding:8px 12px}
.ub2r-prev{left:14%}
.ub2r-next{right:14%}

.ub2r-info{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0 32px}
#ub2r-title{margin:0;font-weight:600}
#ub2r-price{opacity:.8}
#ub2r-sizes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:8px}
.size-cell{display:flex;flex-direction:column;align-items:center;gap:10px}
.size-label{font-weight:600}
.qty-ctrl{display:flex;align-items:center;gap:14px}
.qty-btn{width:32px;height:32px;border-radius:50%;border:1px solid #111;background:#fff;cursor:pointer;font-size:18px;line-height:30px;text-align:center}
.qty-val{min-width:18px;text-align:center}
@media (max-width:1100px){
  .ub2r-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ub2r-prev{left:4%}.ub2r-next{right:4%}
  #ub2r-sizes{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1101px) and (max-width:1400px){
  .ub2r-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}