#obrazcy_zur,#obrazcy_zur_zap {
    color:#55BC74;
    margin:1em;
    font-weight:bold;
    font-size:large
}
#obrazcy_zur:hover,#obrazcy_zur_zap:hover {
    color:#387D4E
}
.owl-carousel .owl-item img {
    border:1px #e1e1e1 solid
}
[type="radio"]+span:before {
    margin-right:0.78em
}
div[class^="col-md-"] {
    border:0 red solid
}
h4 {
    font-size:19px
}
.moreParams {
    display: none;
}

:root{
  --green-50:#ecfdf5;
  --green-100:#d1fae5;
  --green-400:#34d399;
  --green-500:#10b981;
  --text-primary:#222;
}

/* CoverSelector.css */
.cover-selector-container {}

.cover-grid{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  gap:14px;
  margin-top:12px;
}

.cover-card{
  width:70px;
  background:linear-gradient(135deg,var(--green-50),#f9fafb 100%);
  border:2px solid var(--green-100);
  border-radius:15px;
  box-shadow:0 2px 8px rgba(16,185,129,0.05);
  cursor:pointer;
  padding:5px 0;
  transition:box-shadow .23s,border-color .23s,transform .13s;
  text-align:center;
  outline:none;
  position:relative;
}

.cover-card.selected,
.cover-card:focus-visible{
  border:2px solid var(--green-500);
  box-shadow:0 6px 16px rgba(16,185,129,0.10);
  transform:translateY(-1px) scale(1.025);
  z-index:2;
}

.cover-card:hover:not(.selected){
  border:2px solid var(--green-400);
  box-shadow:0 4px 14px rgba(16,185,129,0.09);
  transform:translateY(-1px) scale(1.01);
}

.cover-preview{
  width:54px; height:54px;
  margin:0 auto 7px;
  border-radius:12px;
  background-size:cover;
  background-position:center;
  border:2px solid #d1fae5;
  box-shadow:0 1px 6px rgba(16,185,129,0.07);
  display:flex; align-items:center; justify-content:center;
}
.cover-card.selected .cover-preview{ border-color:var(--green-500); }

.cover-label{
  font-size:11px; color:var(--text-primary); font-weight:600;
  margin:2px 0 0;
  display:flex; align-items:center; justify-content:center; gap:5px;
  text-align:center; overflow:hidden; text-overflow:ellipsis;
  white-space:normal; word-break:keep-all; overflow-wrap:anywhere;
}

.cover-group-title{
  font-size:16px; font-weight:600; color:#222; margin-top:8px;
}

.cover-group-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
@media (max-width:540px){
  .cover-group-grid{ grid-template-columns:repeat(3,1fr); }
}

.two-pane{
    display: grid;
    gap: 1rem;
}

.two-pane .pane{
	display: grid;
	/* gap: .75rem; */
}

.two-pane .divider{
	height:1px; background:#000; border-radius:1px;
}

@media (min-width:768px){
.two-pane{
    grid-template-columns: 1fr auto 1fr;
    align-items: start;
    gap: 1rem;
}

.two-pane .divider{
    width: 1px; 
	height: 100%;
}
}

.grey{
    color:#000; /* как было у вас */
    opacity:.9;
}

/* Зона загрузки */
.uploader{
position: relative;
border: 1px dashed var(--brand);
border-radius: var(--radius);
background: color-mix(in oklab, var(--brand) 12%, white);
/* padding: 1rem; */
/* min-height: 90px; */
min-height: 70px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
transition: background .15s ease, border-color .15s ease;
margin: 0;
}

.uploader:hover{ border-color: color-mix(in oklab, var(--brand) 80%, black); }

.uploader:focus-within{
outline: 2px solid color-mix(in oklab, var(--brand) 60%, black);
outline-offset: 2px;
}

.uploader_text{
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Exo 2", sans-serif;
color: #fff !important;
background: #55BC74;
border: 1px solid #55bc75;
border-radius: 11px;
/* padding:2rem 1rem !important; */
padding: 1rem 1rem !important;
line-height: 1.4;
font-size: .95rem !important;
width: 100%;
max-width: 320px;

/* text-align: center;
				line-height: 2;
				width: 290px;
				display: block;
				position: absolute;
				border: 1px solid #55bc75;
				border-radius: 11px;
				height: 80px;
				font-size: small;
				background: #55BC74;
				color: white;
				font-family: 'Exo 2'; */
}

/* Сам input покрывает всю область клика/дропа */
.uploader input[type="file"]{
position:absolute;
inset:0;
width:100%;
height:100%;
opacity:0;
cursor:pointer;
}

.reply{
margin-top:.25rem;
font-size:.875rem;
color:var(--muted);
}

.del{
color:#9ca3af;
cursor:pointer;
width:max-content;
user-select:none;
}
.del:hover{ color:#6b7280; text-decoration:underline; }

/* Desktop улучшения */
@media (min-width: 768px){
.page-selector-container{ padding:1.25rem 1.5rem; }
.load-two{
    grid-template-columns: 1fr; /* текст над зоной, как в мобайл */
    gap:.5rem;
}
.current-value-content {font-size: 13px !important; padding: 0px !important;} 
}

.current-value-content {
  color: #fff !important;
}

.current-value select.current-value-content {
  appearance: none;         /* убираем дефолтный стиль браузера */
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 100%;
  width: 100%;              /* растянуть на весь div */
  background: #55BC74;      /* как у кнопки */
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 8px 12px;        /* убрали место под стрелку */
  border: 1px solid #e6f4ec;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(16,185,129,0.32);
  text-align: center;        /* текущее выбранное значение по центру */
  text-align-last: center;   /* для большинства браузеров */
}

.current-value select.current-value-content:hover {
  box-shadow: 0 8px 25px rgba(16,185,129,0.15);
  transform: translateY(-2px);
}

.current-value select.current-value-content:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(16,185,129,0.3), 0 4px 12px rgba(16,185,129,0.32);
}

.current-value select.current-value-content option {
  text-align: left;
  /* color: #111;
  background: #fff; */
}

#pageSelect {
  width: 100%;
  max-width: 407px;
}

#pl_skrepl {
  justify-items: start;
}

@media (min-width: 768px) {
  #pageSelect {
    max-width: 177px !important;
  }
  #pl_skrepl {
    justify-items: center;
  }
}

.lamination-group {
  display: flex;
  align-items: center;
  gap: 20px;
}