/* --- СЕКЦИЯ 0: ПАНЕЛЬ УПРАВЛЕНИЯ ДИЗАЙНОМ (Переменные) --- */
:root {
    /* Цветовая палитра */
    --bg-dark: #181818;
    --bg-light-dark: ##181818;
    --text-light: #f5f5f5;
    --text-muted: #888;
    --accent-gold: #ffc107;
    --border-color: #353535;
    --radius: 8px;
}


/* --- ОБЩИЙ МАКЕТ И ФОН --- */
body.woocommerce-checkout {
    background-color: #101010;
    color: var(--text-light);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
     margin-left: auto;
    
}

/* Центрируем только саму форму */
.woocommerce-checkout form.checkout {
    max-width: 750px;
    margin: 9em auto;  /* Изменено: увеличьте 2em на 4em (или больше, например 6em для ~96px отступа сверху) */
    /* Альтернатива: если хотите точный пиксельный отступ, используйте margin-top: 100px; (например) */
}

/* Заставляем основной контент расти и выталкивать футер вниз */
main.site-main {
    flex-grow: 1;
    
}

.gemini-checkout-step-1-layout {
    display: grid;
    grid-template-columns: 55% 1fr;
    gap: 30px;
    align-items: flex-start;
    
}
.order-review-summary {
    background-color: var(--bg-light-dark);
    padding: 1.5em;
    border-radius: var(--radius);
    position: sticky;
    top: 20px;
}
.order-review-summary h3 {
    margin-top: 0;
}

.social-icon {
    width: 30px;
    height: 30px;
    transition: transform 0.3s ease;
}

img[src="https://cyberpodium.ru/wp-content/uploads/2023/09/YouTube_Shorts-Oq4rH78WZ_brandlogos.net_.svg"] {
    width: 30px !important;
    height: 30px !important;
}