.form-group { margin-bottom: 10px; }

.form-group label { 
    display: block; 
    margin-bottom: 6px; 
    color: #555;
    font-weight: 500; 
    font-size: 14px; }

.form-group input, .form-group select {
    width: 100%;  
    font-size: 14px;
    border: 1px solid #ccc;
    /*    border-radius: 4px;*/
    transition: border-color .2s; 
}

.form-group input:focus, .form-group select:focus { 
    border-color: #007bff; 
    outline: none; 
}

.section-divider { height: 1px; background: #bebebe; margin: 1px 0; }

.photo-row { display: flex; justify-content: space-between; margin-bottom: 16px; }

.photo-row button{
    position: absolute;
    padding: 0;
    top: -10px;
    right: -5px;
    background: white;
}

.photo-row .photo,.photo-base{
    border: 1px solid #ccc;
    position: relative;
}

.input-group .input-field { 
    flex: 1; 
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; 
}

.input-group .input-group-append .select-field { 
    width: auto;
    min-width: 60px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; 
    margin-left: -1px; 
}

/* в мод ф. редак на продукт */
.nav-tabs .nav-link.active, 
.nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: var(--css-purple);
    border-color: #dee2e6 #dee2e6 #ffffff;
    border-radius: 10px 0 0 0 !important;
}

.modal label{
    font-weight: 500 !important;
    color:#000;
}

/* таб seo  
==========================================================*/
.seo-meter { position: relative; height: 6px; background-color: #e9ecef; border-radius: 4px; overflow: hidden; }
.seo-meter-bar { position: absolute; height: 100%; width: 0; background-color: #dc3545; transition: width 0.3s, background-color 0.3s; }
.seo-score-circle {
    width: 60px; height: 60px; border-radius: 50%; background: #ccc;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-weight: bold; font-size: 14px; transition: background 0.4s ease;
}
.seo-score-circle.pulse { animation: pulse 1.4s ease-out; }
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(40,167,69,0.6); }
    70% { box-shadow: 0 0 0 10px rgba(40,167,69,0); }
    100% { box-shadow: 0 0 0 0 rgba(40,167,69,0); }
}
.status-dot { width:10px; height:10px; border-radius:50%; margin-left:8px; background:#ccc; }
.status-dot.good { background:#28a745; }
.status-dot.warn { background:#ffc107; }
.status-dot.bad { background:#dc3545; }
.seo-checklist { display: grid; grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); gap: 8px; }
.seo-check-item { padding: 6px 10px; border-radius: 6px; font-size: 13px; display: flex; align-items: center; gap: 6px; transition: all 0.3s ease; }
.seo-check-item.good { background: #e8f5e9; color: #2e7d32; }
.seo-check-item.warn { background: #fff3cd; color: #856404; }
.seo-check-item.bad { background: #fdecea; color: #b71c1c; }