{"id":648,"date":"2024-01-15T16:13:23","date_gmt":"2024-01-15T14:13:23","guid":{"rendered":"http:\/\/kaksik.ee\/?page_id=648"},"modified":"2026-05-07T12:25:53","modified_gmt":"2026-05-07T09:25:53","slug":"ai-video-tellimine-1","status":"publish","type":"page","link":"https:\/\/kaksik.ee\/en\/ai-video-tellimine-1\/","title":{"rendered":"AI-video-tellimine-1"},"content":{"rendered":"
\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n

AI VIDEO TELLIMINE<\/strong><\/h1>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n

\/* \u2500\u2500 RESET & CONTAINER \u2500\u2500 *\/
\n.kk-order * { box-sizing: border-box; margin: 0; padding: 0; }
\n.kk-order {
\n max-width: 620px; margin: 0 auto; font-family: ‘DM Sans’, sans-serif;
\n color: #1a1a2e; -webkit-font-smoothing: antialiased;
\n}<\/p>\n

\/* \u2500\u2500 CARD \u2500\u2500 *\/
\n.kk-order-card {
\n background: #fff; border-radius: 16px;
\n box-shadow: 0 2px 20px rgba(8,27,118,0.07);
\n border: 1px solid rgba(8,27,118,0.06);
\n overflow: hidden;
\n}<\/p>\n

\/* \u2500\u2500 HEADER \u2500\u2500 *\/
\n.kk-order-header {
\n background: linear-gradient(135deg, #081b76 0%, #0d2399 100%);
\n padding: 36px 40px 32px; text-align: center; position: relative; overflow: hidden;
\n}
\n.kk-order-header::before {
\n content: ”; position: absolute; top: -40px; right: -40px;
\n width: 160px; height: 160px;
\n background: radial-gradient(circle, rgba(232,49,110,0.2) 0%, transparent 70%);
\n border-radius: 50%;
\n}
\n.kk-order-header::after {
\n content: ”; position: absolute; bottom: -30px; left: -20px;
\n width: 120px; height: 120px;
\n background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
\n border-radius: 50%;
\n}
\n.kk-order-title {
\n font-family: ‘DM Serif Display’, serif; font-size: 28px;
\n color: #fff; line-height: 1.2; position: relative; z-index: 1;
\n}
\n.kk-order-subtitle {
\n font-size: 14px; color: rgba(255,255,255,0.65); margin-top: 8px;
\n position: relative; z-index: 1; font-weight: 400;
\n}<\/p>\n

\/* \u2500\u2500 BODY \u2500\u2500 *\/
\n.kk-order-body { padding: 32px 40px 40px; }
\n@media (max-width: 600px) {
\n .kk-order-body { padding: 24px 20px 32px; }
\n .kk-order-header { padding: 28px 20px 24px; }
\n}<\/p>\n

\/* \u2500\u2500 SECTION LABEL \u2500\u2500 *\/
\n.kk-section-label {
\n font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
\n text-transform: uppercase; color: #081b76; opacity: 0.5;
\n margin-bottom: 10px;
\n}<\/p>\n

\/* \u2500\u2500 PRODUCT CARDS \u2500\u2500 *\/
\n.kk-products { display: flex; gap: 14px; margin-bottom: 28px; }
\n@media (max-width: 500px) { .kk-products { flex-direction: column; } }<\/p>\n

.kk-product-card {
\n flex: 1; border: 2px solid #e8e8ee; border-radius: 12px;
\n padding: 22px 20px; cursor: pointer; transition: all 0.2s;
\n position: relative; text-align: center; background: #fff;
\n}
\n.kk-product-card:hover { border-color: #c7d7f9; background: #fafaff; }
\n.kk-product-card.selected {
\n border-color: #e8316e; background: rgba(232,49,110,0.03);
\n box-shadow: 0 0 0 1px #e8316e;
\n}
\n.kk-product-card.selected::after {
\n content: ‘\u2713’; position: absolute; top: 10px; right: 12px;
\n width: 22px; height: 22px; border-radius: 50%; background: #e8316e;
\n color: #fff; font-size: 12px; font-weight: 700;
\n display: flex; align-items: center; justify-content: center;
\n}
\n.kk-product-name {
\n font-family: ‘DM Serif Display’, serif; font-size: 20px;
\n color: #081b76; margin-bottom: 4px;
\n}
\n.kk-product-desc {
\n font-size: 12px; color: #6b7db3; margin-bottom: 12px; font-weight: 400;
\n}
\n.kk-product-price {
\n font-family: ‘DM Serif Display’, serif; font-size: 28px; color: #1a1a2e;
\n line-height: 1;
\n}
\n.kk-product-price .kk-eur { font-size: 18px; color: #e8316e; margin-left: 2px; }
\n.kk-product-vat { font-size: 11px; color: #999; margin-top: 4px; }<\/p>\n

\/* \u2500\u2500 FORM FIELDS \u2500\u2500 *\/
\n.kk-field-group { margin-bottom: 20px; }
\n.kk-field-row { display: flex; gap: 14px; margin-bottom: 20px; }
\n@media (max-width: 500px) { .kk-field-row { flex-direction: column; gap: 16px; } }<\/p>\n

.kk-label {
\n display: block; font-size: 13px; font-weight: 600; color: #081b76;
\n margin-bottom: 6px;
\n}
\n.kk-label .kk-optional { font-weight: 400; color: #999; font-size: 11px; }<\/p>\n

.kk-input, .kk-select, .kk-textarea {
\n width: 100%; padding: 12px 14px; border: 1.5px solid #e0e0ea;
\n border-radius: 8px; font-family: ‘DM Sans’, sans-serif; font-size: 14px;
\n color: #1a1a2e; background: #fff; transition: border-color 0.2s;
\n outline: none;
\n}
\n.kk-input:focus, .kk-select:focus, .kk-textarea:focus {
\n border-color: #081b76; box-shadow: 0 0 0 3px rgba(8,27,118,0.06);
\n}
\n.kk-input.error, .kk-select.error { border-color: #e8316e; }
\n.kk-textarea { min-height: 80px; resize: vertical; }
\n.kk-select { appearance: none; cursor: pointer;
\n background-image: url(“data:image\/svg+xml,%3Csvg xmlns=’http:\/\/www.w3.org\/2000\/svg’ width=’12’ height=’8′ fill=’none’%3E%3Cpath d=’M1 1.5l5 5 5-5′ stroke=’%23081b76′ stroke-width=’1.5′ stroke-linecap=’round’ stroke-linejoin=’round’\/%3E%3C\/svg%3E”);
\n background-repeat: no-repeat; background-position: right 14px center;
\n padding-right: 36px;
\n}<\/p>\n

\/* \u2500\u2500 SUBTITLES TOGGLE \u2500\u2500 *\/
\n.kk-toggle-row {
\n display: flex; align-items: center; gap: 10px; margin-bottom: 20px;
\n}
\n.kk-toggle-group { display: flex; gap: 0; }
\n.kk-toggle-btn {
\n padding: 8px 18px; border: 1.5px solid #e0e0ea; font-family: ‘DM Sans’, sans-serif;
\n font-size: 13px; font-weight: 500; color: #666; cursor: pointer;
\n background: #fff; transition: all 0.15s;
\n}
\n.kk-toggle-btn:first-child { border-radius: 8px 0 0 8px; }
\n.kk-toggle-btn:last-child { border-radius: 0 8px 8px 0; border-left: none; }
\n.kk-toggle-btn.active {
\n background: #e8316e; color: #fff; border-color: #e8316e;
\n}
\n.kk-toggle-btn.active + .kk-toggle-btn { border-left-color: #e8316e; }<\/p>\n

\/* \u2500\u2500 FILE UPLOAD \u2500\u2500 *\/
\n.kk-upload-zone {
\n border: 2px dashed #d0d0dd; border-radius: 10px; padding: 20px;
\n text-align: center; cursor: pointer; transition: all 0.2s;
\n position: relative; margin-bottom: 20px; background: #fafaff;
\n}
\n.kk-upload-zone:hover { border-color: #081b76; background: #f0f3ff; }
\n.kk-upload-zone.has-file { border-color: #16a34a; border-style: solid; background: #f0fdf4; }
\n.kk-upload-icon { font-size: 24px; margin-bottom: 6px; color: #081b76; opacity: 0.4; }
\n.kk-upload-text { font-size: 13px; color: #6b7db3; }
\n.kk-upload-text strong { color: #081b76; }
\n.kk-upload-hint { font-size: 11px; color: #999; margin-top: 4px; }
\n.kk-upload-filename {
\n font-size: 13px; color: #16a34a; font-weight: 600; margin-top: 6px;
\n display: flex; align-items: center; justify-content: center; gap: 6px;
\n}
\n.kk-upload-remove {
\n background: none; border: none; color: #c0254f; font-size: 16px;
\n cursor: pointer; padding: 0 4px; line-height: 1;
\n}
\n.kk-upload-input { display: none; }<\/p>\n

\/* \u2500\u2500 DIVIDER \u2500\u2500 *\/
\n.kk-divider { height: 1px; background: #eef0f5; margin: 28px 0; }<\/p>\n

\/* \u2500\u2500 GDPR CHECKBOX \u2500\u2500 *\/
\n.kk-gdpr-label {
\n display: flex; align-items: flex-start; gap: 10px; cursor: pointer;
\n margin-bottom: 20px; font-size: 13px; color: #555; line-height: 1.5;
\n}
\n.kk-gdpr-label input[type=”checkbox”] { display: none; }
\n.kk-gdpr-checkmark {
\n width: 20px; height: 20px; min-width: 20px; border-radius: 5px;
\n border: 2px solid #d0d0dd; display: flex; align-items: center;
\n justify-content: center; margin-top: 1px; transition: all 0.15s;
\n flex-shrink: 0;
\n}
\n.kk-gdpr-label:has(input:checked) .kk-gdpr-checkmark {
\n background: #e8316e; border-color: #e8316e;
\n}
\n.kk-gdpr-label:has(input:checked) .kk-gdpr-checkmark::after {
\n content: ”; width: 9px; height: 5px;
\n border-left: 2px solid #fff; border-bottom: 2px solid #fff;
\n transform: rotate(-45deg) translateY(-1px); display: block;
\n}
\n.kk-gdpr-link { color: #e8316e; text-decoration: underline; text-underline-offset: 2px; }
\n.kk-gdpr-link:hover { color: #c0254f; }<\/p>\n

\/* \u2500\u2500 SUBMIT BUTTON \u2500\u2500 *\/
\n.kk-submit-btn {
\n width: 100%; padding: 16px; background: #e8316e; color: #fff;
\n border: none; border-radius: 8px; font-family: ‘DM Sans’, sans-serif;
\n font-size: 15px; font-weight: 600; letter-spacing: 0.04em; cursor: pointer;
\n display: flex; align-items: center; justify-content: center; gap: 10px;
\n transition: background 0.2s, transform 0.15s;
\n}
\n.kk-submit-btn:hover { background: #c0254f; transform: translateY(-1px); }
\n.kk-submit-btn:active { transform: translateY(0); }
\n.kk-submit-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
\n.kk-submit-btn .arrow { font-size: 18px; }<\/p>\n

\/* \u2500\u2500 ERROR & SUCCESS \u2500\u2500 *\/
\n.kk-form-error {
\n color: #c0254f; font-size: 12px; margin-bottom: 12px;
\n display: none; text-align: center;
\n}
\n.kk-form-success {
\n display: none; text-align: center; padding: 40px 20px;
\n}
\n.kk-success-icon { font-size: 48px; margin-bottom: 12px; }
\n.kk-success-title {
\n font-family: ‘DM Serif Display’, serif; font-size: 24px;
\n color: #081b76; margin-bottom: 8px;
\n}
\n.kk-success-text { font-size: 14px; color: #6b7db3; line-height: 1.6; }<\/p>\n

\/* \u2500\u2500 SPINNER \u2500\u2500 *\/
\n.kk-spinner {
\n display: inline-block; width: 18px; height: 18px;
\n border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff;
\n border-radius: 50%; animation: kk-spin 0.6s linear infinite;
\n}
\n@keyframes kk-spin { to { transform: rotate(360deg); } }<\/p>\n

\n
\n

<\/p>\n

\n
AI Video tellimine<\/div>\n
Vali pakett, t\u00e4ida andmed ja saada tellimus<\/div>\n<\/p><\/div>\n

<\/p>\n

\n

<\/p>\n

Vali pakett<\/div>\n
\n
\n
START<\/div>\n
AI video kuni 2 min<\/div>\n
299\u20ac<\/span><\/div>\n
+ km<\/div>\n<\/p><\/div>\n
\n
STANDARD<\/div>\n
AI video kuni 5 min<\/div>\n
549\u20ac<\/span><\/div>\n
+ km<\/div>\n<\/p><\/div>\n<\/p><\/div>\n

<\/p>\n

Tellija andmed<\/div>\n
\n
\n