.thumb-btn{
	width: 50px; height: 50px;
	border: 1px solid #d0d5dd;
	background: linear-gradient(135deg,#f2f4f7,#ffffff);
	border-radius: .5rem;
	padding: 0;
}
.thumb-btn.sm{ width: 30px; height: 30px; border-radius: .45rem; }
.thumbs { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; max-width: 440px;}
.thumbs.full-width{max-width:100%;}
.muted { color:#667085; }

.disk-links a{ display:block; font-weight: 700; color:#000;}
.section-title { font-weight: 700; }
.divider { border-top: 1px dashed #e6e8ee; }
.lightgallery a{position:relative; display:block;}
.lgsm-mask{position:absolute; inset:0; z-index:10; cursor:pointer; background:rgba(0,0,0,.45);
  display:flex; align-items:center; justify-content:center; border-radius: .5rem;}
.lgsm-mask-text{color:#fff; font-weight:700; font-size:18px;}

.lgsm-extra-wrap{
  overflow:hidden;
  max-height:0;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:max-height .55s cubic-bezier(.22,1,.36,1), opacity .25s ease, transform .25s ease;
  will-change:max-height;
      display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}
.lightgallery.lgsm-expanded .lgsm-extra-wrap{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.lgsm-toggle-btn{
  margin-top:10px;
  display:inline-block;
 
}

.lightgallery img{display:block;}
.hint { font-size:.9rem; color:#6c757d; }
    .stepper { gap:.5rem; }
    .stepper .step {
      flex:1; text-align:center; padding:10px 8px; border-radius:12px;
      background:#e9ecef; color:#495057; font-weight:600; cursor:pointer; user-select:none;
    }
    .stepper .step.active { background:#0d6efd; color:#fff; }
    .stepper .step.disabled { opacity:.55; cursor:not-allowed; }