/* AK Builder - Frontend CSS */

.akb-layout { width: 100%; }

.akb-block { margin-bottom: 16px; }
.akb-block:last-child { margin-bottom: 0; }

.akb-heading { line-height: 1.3; }

.akb-text { line-height: 1.6; }

.akb-image img { max-width: 100%; height: auto; display: inline-block; }
.akb-image--placeholder {
    background: #f3f4f6;
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    color: #9ca3af;
}

.akb-button { transition: opacity 0.15s; }
.akb-button:hover { opacity: 0.85; }

.akb-columns { width: 100%; }
.akb-col { min-width: 0; }

@media (max-width: 768px) {
    .akb-columns {
        grid-template-columns: 1fr !important;
    }
}

.akb-section { width: 100%; }
.akb-section-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.akb-section--full .akb-section-inner {
    max-width: 100%;
    padding: 0;
}

.akb-video video { display: inline-block; }
.akb-video--placeholder {
    background: #1a1a2e;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    color: #666;
}