
/* UYKU DUNYASI - URUN YONETIMI */

#ga-ud-app .ud-pm {
    padding: 28px !important;
}

#ga-ud-app .ud-pm > p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    margin: 18px 0 !important;
}

#ga-ud-app .ud-pm-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 20px !important;
    align-items: end !important;
    margin: 22px 0 28px !important;
}

#ga-ud-app .ud-pm-grid > span {
    color: #64748b !important;
    font-size: 13px !important;
    padding-bottom: 12px !important;
    white-space: nowrap;
}

#ga-ud-app .ud-pm label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    gap: 8px !important;
}

#ga-ud-app .ud-pm input:not([type="checkbox"]),
#ga-ud-app .ud-pm select {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 10px 14px !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #17253b !important;
    font-size: 14px !important;
}

#ga-ud-app .ud-pm [data-pm-form] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    align-items: start !important;
}

#ga-ud-app .ud-pm [data-pm-form] > label {
    min-width: 0 !important;
}

#ga-ud-app .ud-pm [data-pm-form] > label:has([name="colors"]),
#ga-ud-app .ud-pm [data-pm-form] > h3,
#ga-ud-app .ud-pm [data-pm-form] > p,
#ga-ud-app .ud-pm-size-list,
#ga-ud-app .ud-pm [data-pm-add-size] {
    grid-column: 1 / -1 !important;
}

#ga-ud-app .ud-pm [data-pm-form] > h3 {
    margin: 14px 0 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 17px !important;
    color: #142746 !important;
}

#ga-ud-app .ud-pm [data-pm-form] > p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 13px !important;
}

#ga-ud-app .ud-pm-size-list {
    display: grid !important;
    gap: 12px !important;
}

#ga-ud-app .ud-pm-size-row,
#ga-ud-app .ud-pm [data-pm-size] {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(110px, 1fr) 90px 38px !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
}

#ga-ud-app .ud-pm-size-row label {
    flex-direction: row !important;
    align-items: center !important;
    white-space: nowrap !important;
}

#ga-ud-app .ud-pm input[type="checkbox"] {
    width: 17px !important;
    height: 17px !important;
    min-height: 17px !important;
    accent-color: #1764d5 !important;
}

#ga-ud-app .ud-pm [data-pm-add-size] {
    justify-self: start !important;
    padding: 11px 20px !important;
    background: #eef4ff !important;
    color: #1764d5 !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
}

#ga-ud-app .ud-pm [data-pm-form] > button[type="submit"] {
    grid-column: 1 / -1 !important;
    justify-self: end !important;
    min-width: 180px !important;
    padding: 13px 24px !important;
    background: #1764d5 !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
}

@media (max-width: 700px) {
    #ga-ud-app .ud-pm {
        padding: 16px !important;
    }

    #ga-ud-app .ud-pm-grid,
    #ga-ud-app .ud-pm [data-pm-form] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #ga-ud-app .ud-pm-size-row,
    #ga-ud-app .ud-pm [data-pm-size] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }

    #ga-ud-app .ud-pm [data-pm-form] > label,
    #ga-ud-app .ud-pm [data-pm-form] > button[type="submit"] {
        grid-column: 1 / -1 !important;
    }

    #ga-ud-app .ud-pm [data-pm-form] > button[type="submit"] {
        width: 100% !important;
    }
}
