#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;
}

/* .journal-discounts-mini {
    margin: 8px 0 14px;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    background: #fafafa;
    overflow: hidden;
}

.journal-discounts-mini details {
    display: block;
}

.journal-discounts-mini summary {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 11px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.journal-discounts-mini summary::-webkit-details-marker {
    display: none;
}

.journal-discounts-mini__icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    background: #f0f0f0;
    border: 1px solid #d8d8d8;
    color: #555;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}

.journal-discounts-mini__text {
    flex: 1;
    font-size: 13px;
    font-weight: 600;
    color: #444;
    line-height: 1.3;
}

.journal-discounts-mini__arrow {
    font-size: 12px;
    color: #777;
    white-space: nowrap;
}

.journal-discounts-mini details[open] .journal-discounts-mini__arrow {
    font-size: 0;
}

.journal-discounts-mini details[open] .journal-discounts-mini__arrow::after {
    content: "Скрыть";
    font-size: 12px;
    color: #777;
}

.journal-discounts-mini__content {
    padding: 0 11px 10px;
    background: #fff;
}

.journal-discounts-mini__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-top: 1px solid #eeeeee;
    font-size: 13px;
    color: #555;
}

.journal-discounts-mini__row strong {
    color: #4f9b61;
    font-size: 14px;
    font-weight: 700;
}

.journal-discounts-mini__row--best strong {
    color: #3f8f52;
} */

.journal-discounts-mini {
    position: relative;
    z-index: 20;
    margin: 10px 10px 14px;
    border: 1px solid #ffd39a;
    border-radius: 10px;
    background: #fff8ed;
    overflow: visible;
    box-shadow: 0 4px 14px rgba(255, 153, 0, 0.16);
}

.journal-discounts-mini details {
    position: relative;
    display: block;
}

.journal-discounts-mini details[open] {
    z-index: 1000;
}

.journal-discounts-mini summary {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #fff3dc, #fffaf2);
}

.journal-discounts-mini summary::-webkit-details-marker {
    display: none;
}

.journal-discounts-mini__icon {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 50%;
    background: #ff9f1c;
    border: 1px solid #f08b00;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 26px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(255, 159, 28, 0.35);
}

.journal-discounts-mini__text {
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    color: #3f2a00;
    line-height: 1.3;
}

.journal-discounts-mini__arrow {
    font-size: 12px;
    font-weight: 600;
    color: #b05c00;
    white-space: nowrap;
}

.journal-discounts-mini details[open] .journal-discounts-mini__arrow {
    font-size: 0;
}

.journal-discounts-mini details[open] .journal-discounts-mini__arrow::after {
    content: "Скрыть";
    font-size: 12px;
    color: #b05c00;
}

.journal-discounts-mini__content {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 6px);

    padding: 8px 12px 10px;
    background: #ffffff;
    border: 1px solid #ffd39a;
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);

    z-index: 1001;
}

.journal-discounts-mini__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    border-top: 1px solid #f0f0f0;
    font-size: 13px;
    color: #444;
}

.journal-discounts-mini__row:first-child {
    border-top: none;
}

.journal-discounts-mini__row strong {
    color: #229a4d;
    font-size: 15px;
    font-weight: 800;
}

.journal-discounts-mini__row--best {
    margin-top: 4px;
    padding: 8px 9px;
    border-top: none;
    border-radius: 7px;
    background: #effaf2;
}

.journal-discounts-mini__row--best span {
    font-weight: 700;
    color: #256b37;
}

.journal-discounts-mini__row--best strong {
    color: #138a3d;
    font-size: 16px;
}

.binding-options {
  display: flex;
  flex-wrap: wrap;
}

.binding-item {
  flex: 1;
  min-width: 200px;
  padding: 10px;
}

.binding-item[style*="display: none"] {
  flex: 0;
  display: none;
}

@media (max-width: 420px) {
    .journal-discounts-mini {
        z-index: 50;
    }

    .journal-discounts-mini summary {
        align-items: flex-start;
        padding: 10px;
    }

    .journal-discounts-mini__text {
        font-size: 13px;
    }

    .journal-discounts-mini__arrow {
        padding-top: 2px;
    }

    .journal-discounts-mini__content {
        left: -1px;
        right: -1px;
    }
}

/* @media (max-width: 420px) {
    .journal-discounts-mini summary {
        align-items: flex-start;
    }

    .journal-discounts-mini__text {
        font-size: 13px;
    }

    .journal-discounts-mini__arrow {
        padding-top: 2px;
    }
} */