/*! CoreV2 birlestirilmis stil dosyasi - ELLE DUZENLEMEYIN.
 * Duzenleme her zaman asagida adi yazan ORIJINAL dosyada yapilir; bu dosya
 * kaynaklardan biri degisince kendiliginden yeniden olusur.
 * Harita: assets/optimized/bundle-map.json - Belge: assets/optimized/README.md
 * Kaynak sayisi: 6 */

/* ===== [1/6] ikonlar (Ikon (SVG) stilleri)
 * KAYNAK: assets/css/components/hki-svg-aliases.css ===== */
/* URETILMIS alias — SVG mask yoksa karsilik ikon. Elle duzenlemeyin. */
.hki-stroke.hki-company::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M16 10L18.1494 10.6448C19.5226 11.0568 20.2092 11.2628 20.6046 11.7942C21 12.3256 21 13.0425 21 14.4761V22%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M8 9L11 9M8 13L11 13%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M12 22V19C12 18.0572 12 17.5858 11.7071 17.2929C11.4142 17 10.9428 17 10 17H9C8.05719 17 7.58579 17 7.29289 17.2929C7 17.5858 7 18.0572 7 19V22%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M2 22L22 22%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M3 22V6.71724C3 4.20649 3 2.95111 3.79118 2.32824C4.58237 1.70537 5.74742 2.04355 8.07752 2.7199L13.0775 4.17122C14.4836 4.57937 15.1867 4.78344 15.5933 5.33965C16 5.89587 16 6.65344 16 8.16857V22%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.hki-stroke.hki-computer-settings::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M21.3175 7.14139L20.8239 6.28479C20.4506 5.63696 20.264 5.31305 19.9464 5.18388C19.6288 5.05472 19.2696 5.15664 18.5513 5.36048L17.3311 5.70418C16.8725 5.80994 16.3913 5.74994 15.9726 5.53479L15.6357 5.34042C15.2766 5.11043 15.0004 4.77133 14.8475 4.37274L14.5136 3.37536C14.294 2.71534 14.1842 2.38533 13.9228 2.19657C13.6615 2.00781 13.3143 2.00781 12.6199 2.00781H11.5051C10.8108 2.00781 10.4636 2.00781 10.2022 2.19657C9.94085 2.38533 9.83106 2.71534 9.61149 3.37536L9.27753 4.37274C9.12465 4.77133 8.84845 5.11043 8.48937 5.34042L8.15249 5.53479C7.73374 5.74994 7.25259 5.80994 6.79398 5.70418L5.57375 5.36048C4.85541 5.15664 4.49625 5.05472 4.17867 5.18388C3.86109 5.31305 3.67445 5.63696 3.30115 6.28479L2.80757 7.14139C2.45766 7.74864 2.2827 8.05227 2.31666 8.37549C2.35061 8.69871 2.58483 8.95918 3.05326 9.48012L4.0843 10.6328C4.3363 10.9518 4.51521 11.5078 4.51521 12.0077C4.51521 12.5078 4.33636 13.0636 4.08433 13.3827L3.05326 14.5354C2.58483 15.0564 2.35062 15.3168 2.31666 15.6401C2.2827 15.9633 2.45766 16.2669 2.80757 16.8741L3.30114 17.7307C3.67443 18.3785 3.86109 18.7025 4.17867 18.8316C4.49625 18.9608 4.85542 18.8589 5.57377 18.655L6.79394 18.3113C7.25263 18.2055 7.73387 18.2656 8.15267 18.4808L8.4895 18.6752C8.84851 18.9052 9.12464 19.2442 9.2775 19.6428L9.61149 20.6403C9.83106 21.3003 9.94085 21.6303 10.2022 21.8191C10.4636 22.0078 10.8108 22.0078 11.5051 22.0078H12.6199C13.3143 22.0078 13.6615 22.0078 13.9228 21.8191C14.1842 21.6303 14.294 21.3003 14.5136 20.6403L14.8476 19.6428C15.0004 19.2442 15.2765 18.9052 15.6356 18.6752L15.9724 18.4808C16.3912 18.2656 16.8724 18.2055 17.3311 18.3113L18.5513 18.655C19.2696 18.8589 19.6288 18.9608 19.9464 18.8316C20.264 18.7025 20.4506 18.3785 20.8239 17.7307L21.3175 16.8741C21.6674 16.2669 21.8423 15.9633 21.8084 15.6401C21.7744 15.3168 21.5402 15.0564 21.0718 14.5354L20.0407 13.3827C19.7887 13.0636 19.6098 12.5078 19.6098 12.0077C19.6098 11.5078 19.7888 10.9518 20.0407 10.6328L21.0718 9.48012C21.5402 8.95918 21.7744 8.69871 21.8084 8.37549C21.8423 8.05227 21.6674 7.74864 21.3175 7.14139Z%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M15.5195 12C15.5195 13.933 13.9525 15.5 12.0195 15.5C10.0865 15.5 8.51953 13.933 8.51953 12C8.51953 10.067 10.0865 8.5 12.0195 8.5C13.9525 8.5 15.5195 10.067 15.5195 12Z%22 stroke%3D%22currentColor%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.hki-stroke.hki-corporate::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M16 10L18.1494 10.6448C19.5226 11.0568 20.2092 11.2628 20.6046 11.7942C21 12.3256 21 13.0425 21 14.4761V22%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M8 9L11 9M8 13L11 13%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M12 22V19C12 18.0572 12 17.5858 11.7071 17.2929C11.4142 17 10.9428 17 10 17H9C8.05719 17 7.58579 17 7.29289 17.2929C7 17.5858 7 18.0572 7 19V22%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M2 22L22 22%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M3 22V6.71724C3 4.20649 3 2.95111 3.79118 2.32824C4.58237 1.70537 5.74742 2.04355 8.07752 2.7199L13.0775 4.17122C14.4836 4.57937 15.1867 4.78344 15.5933 5.33965C16 5.89587 16 6.65344 16 8.16857V22%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.hki-stroke.hki-domain::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22 stroke%3D%22currentColor%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M8 12C8 18 12 22 12 22C12 22 16 18 16 12C16 6 12 2 12 2C12 2 8 6 8 12Z%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M21 15H3%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M21 9H3%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.hki-stroke.hki-instant::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M5.22576 11.3294L12.224 2.34651C12.7713 1.64397 13.7972 2.08124 13.7972 3.01707V9.96994C13.7972 10.5305 14.1995 10.985 14.6958 10.985H18.0996C18.8729 10.985 19.2851 12.0149 18.7742 12.6706L11.776 21.6535C11.2287 22.356 10.2028 21.9188 10.2028 20.9829V14.0301C10.2028 13.4695 9.80048 13.015 9.3042 13.015H5.90035C5.12711 13.015 4.71494 11.9851 5.22576 11.3294Z%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.hki-stroke.hki-language-circle::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z%22 stroke%3D%22currentColor%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M20 5.69899C19.0653 5.76636 17.8681 6.12824 17.0379 7.20277C15.5385 9.14361 14.039 9.30556 13.0394 8.65861C11.5399 7.6882 12.8 6.11636 11.0401 5.26215C9.89313 4.70542 9.73321 3.19045 10.3716 2%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M2 11C2.7625 11.6621 3.83046 12.2682 5.08874 12.2682C7.68843 12.2682 8.20837 12.7649 8.20837 14.7518C8.20837 16.7387 8.20837 16.7387 8.72831 18.2288C9.06651 19.1981 9.18472 20.1674 8.5106 21%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M22 13.4523C21.1129 12.9411 20 12.7308 18.8734 13.5405C16.7177 15.0898 15.2314 13.806 14.5619 15.0889C13.5765 16.9775 17.0957 17.5711 14 22%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.hki-stroke.hki-office::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M16 10L18.1494 10.6448C19.5226 11.0568 20.2092 11.2628 20.6046 11.7942C21 12.3256 21 13.0425 21 14.4761V22%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M8 9L11 9M8 13L11 13%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M12 22V19C12 18.0572 12 17.5858 11.7071 17.2929C11.4142 17 10.9428 17 10 17H9C8.05719 17 7.58579 17 7.29289 17.2929C7 17.5858 7 18.0572 7 19V22%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M2 22L22 22%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M3 22V6.71724C3 4.20649 3 2.95111 3.79118 2.32824C4.58237 1.70537 5.74742 2.04355 8.07752 2.7199L13.0775 4.17122C14.4836 4.57937 15.1867 4.78344 15.5933 5.33965C16 5.89587 16 6.65344 16 8.16857V22%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.hki-stroke.hki-time::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22 stroke%3D%22currentColor%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M12 8V12L14 14%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.hki-stroke.hki-uptime::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath d%3D%22M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z%22 stroke%3D%22currentColor%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M8 12.75C8 12.75 9.6 13.6625 10.4 15C10.4 15 12.8 9.75 16 8%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.hki-stroke.hki-website::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22 stroke%3D%22currentColor%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M8 12C8 18 12 22 12 22C12 22 16 18 16 12C16 6 12 2 12 2C12 2 8 6 8 12Z%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M21 15H3%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M21 9H3%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.hki-stroke.hki-www::before{--hki:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22 stroke%3D%22currentColor%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M8 12C8 18 12 22 12 22C12 22 16 18 16 12C16 6 12 2 12 2C12 2 8 6 8 12Z%22 stroke%3D%22currentColor%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M21 15H3%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3Cpath d%3D%22M21 9H3%22 stroke%3D%22currentColor%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}

.hki-stroke.hki-ticket-03::before{--hki:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v5a2%202%200%200%200%200%204v5H4v-5a2%202%200%200%200%200-4V5Z%22/%3E%3Cpath%20d%3D%22M15%205v3m0%203v2m0%203v3%22/%3E%3C/svg%3E")}

.hki-stroke.hki-arrow-reload-horizontal-01::before{--hki:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%208a8%208%200%200%200-14-2L3%209m0-5v5h5M4%2016a8%208%200%200%200%2014%202l3-3m0%205v-5h-5%22/%3E%3C/svg%3E")}

/* Compatibility aliases for legacy names verified on the live homepage. */
.hki-stroke.hki-activity-spark::before{--hki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.32 19.68C3 18.36 3 16.24 3 12C3 7.76 3 5.64 4.32 4.32C5.64 3 7.76 3 12 3C16.24 3 18.36 3 19.68 4.32C21 5.64 21 7.76 21 12C21 16.24 21 18.36 19.68 19.68C18.36 21 16.24 21 12 21C7.76 21 5.64 21 4.32 19.68Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M7 14L9.79 11.21C10.18 10.82 10.82 10.82 11.21 11.21L12.79 12.79C13.18 13.18 13.82 13.18 14.21 12.79L17 10' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E")}
.hki-stroke.hki-arrow-data-transfer-horizontal::before{--hki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 17L4 17' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M17 14C17 14 20 16.21 20 17C20 17.79 17 20 17 20' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M5 7L20 7' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M7 4C7 4 4 6.21 4 7C4 7.79 7 10 7 10' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E")}
.hki-stroke.hki-lock::before{--hki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 12C22 17.52 17.52 22 12 22C6.48 22 2 17.52 2 12C2 6.48 6.48 2 12 2C17.52 2 22 6.48 22 12Z' stroke='currentColor' stroke-width='1.5'/%3E%3Cpath d='M12 13C13.1 13 14 12.1 14 11C14 9.9 13.1 9 12 9C10.9 9 10 9.9 10 11C10 12.1 10.9 13 12 13ZM12 13L12 16' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'/%3E%3C/svg%3E")}
.hki-stroke.hki-monitor-speaker::before{--hki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 21H16M14 21C13.17 21 12.5 20.33 12.5 19.5V17L12 17M14 21H10M10 21H8M10 21C10.83 21 11.5 20.33 11.5 19.5V17L12 17M12 17V21' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M16 3H8C5.17 3 3.76 3 2.88 3.88C2 4.76 2 6.17 2 9V11C2 13.83 2 15.24 2.88 16.12C3.76 17 5.17 17 8 17H16C18.83 17 20.24 17 21.12 16.12C22 15.24 22 13.83 22 11V9C22 6.17 22 4.76 21.12 3.88C20.24 3 18.83 3 16 3Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E")}
.hki-stroke.hki-refresh-03::before{--hki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.01 2V5.13C20.01 5.43 19.64 5.56 19.45 5.33C17.62 3.29 14.96 2 12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E")}
.hki-stroke.hki-search-02::before{--hki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 17L21 21' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M19 11C19 6.58 15.42 3 11 3C6.58 3 3 6.58 3 11C3 15.42 6.58 19 11 19C15.42 19 19 15.42 19 11Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E")}
.hki-stroke.hki-shopping-basket-favorite-01::before{--hki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.5 20.25C10.5 20.66 10.16 21 9.75 21C9.34 21 9 20.66 9 20.25C9 19.84 9.34 19.5 9.75 19.5C10.16 19.5 10.5 19.84 10.5 20.25Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M19 20.25C19 20.66 18.66 21 18.25 21C17.84 21 17.5 20.66 17.5 20.25C17.5 19.84 17.84 19.5 18.25 19.5C18.66 19.5 19 19.84 19 20.25Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M2 3H2.21C3.53 3 4.19 3 4.63 3.4C5.06 3.8 5.1 4.47 5.2 5.79L5.45 9.3C5.59 11.29 5.66 12.29 5.96 13.1C6.63 14.87 8.08 16.22 9.9 16.76C10.72 17 11.73 17 13.73 17C15.84 17 16.89 17 17.74 16.74C19.66 16.16 21.16 14.66 21.74 12.74C22 11.89 22 10.84 22 8.75C22 8.05 22 7.7 21.91 7.42C21.72 6.78 21.22 6.28 20.58 6.09C20.3 6 19.95 6 19.25 6H5.5' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M16 10V13M11 10V13' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E")}
.hki-stroke.hki-square-mouse-pointer::before{--hki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 19.41L9.88 13.32L9.88 13.32C9.09 11.03 8.69 9.89 9.29 9.29C9.89 8.69 11.03 9.09 13.32 9.88L19.4 12C20.67 12.44 21.31 12.66 21.44 13.09C21.48 13.2 21.49 13.33 21.48 13.45C21.44 13.9 20.86 14.25 19.71 14.94C18.97 15.39 18.6 15.61 18.5 15.95C18.48 16.04 18.46 16.14 18.47 16.24C18.48 16.59 18.79 16.89 19.4 17.5L21.41 19.5L21.41 19.5C21.71 19.8 21.86 19.95 21.93 20.11C22.02 20.33 22.02 20.58 21.93 20.8C21.86 20.97 21.71 21.12 21.41 21.42L21.41 21.42C21.11 21.71 20.97 21.86 20.8 21.93C20.58 22.02 20.33 22.02 20.11 21.93C19.95 21.86 19.8 21.71 19.5 21.42L19.5 21.42L17.48 19.4L17.48 19.4C16.88 18.8 16.58 18.5 16.23 18.48C16.13 18.47 16.02 18.49 15.92 18.52C15.59 18.62 15.37 18.98 14.94 19.71L14.94 19.71C14.25 20.85 13.91 21.42 13.47 21.47C13.34 21.48 13.2 21.47 13.08 21.43C12.66 21.29 12.44 20.66 12 19.41Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M10.86 7.08C11.07 7.44 11.53 7.55 11.89 7.34C12.24 7.12 12.36 6.66 12.14 6.31L10.86 7.08ZM6.31 12.14C6.66 12.36 7.12 12.24 7.34 11.89C7.55 11.53 7.44 11.07 7.08 10.86L6.31 12.14ZM5.75 8.5C5.75 6.98 6.98 5.75 8.5 5.75V4.25C6.15 4.25 4.25 6.15 4.25 8.5H5.75ZM8.5 5.75C9.5 5.75 10.38 6.28 10.86 7.08L12.14 6.31C11.4 5.08 10.05 4.25 8.5 4.25V5.75ZM7.08 10.86C6.28 10.38 5.75 9.5 5.75 8.5H4.25C4.25 10.05 5.08 11.4 6.31 12.14L7.08 10.86Z' fill='currentColor'/%3E%3Cpath d='M14.25 8.13C14.28 8.55 14.63 8.86 15.05 8.84C15.46 8.81 15.77 8.45 15.75 8.04L14.25 8.13ZM8.04 15.75C8.45 15.77 8.81 15.46 8.84 15.05C8.86 14.63 8.55 14.28 8.14 14.25L8.04 15.75ZM2.75 8.51C2.75 5.33 5.33 2.75 8.51 2.75V1.25C4.5 1.25 1.25 4.5 1.25 8.51H2.75ZM8.51 2.75C11.56 2.75 14.06 5.13 14.25 8.13L15.75 8.04C15.51 4.25 12.36 1.25 8.51 1.25V2.75ZM8.14 14.25C5.13 14.06 2.75 11.56 2.75 8.51H1.25C1.25 12.36 4.25 15.51 8.04 15.75L8.14 14.25Z' fill='currentColor'/%3E%3C/svg%3E")}
.hki-stroke.hki-wallet::before{--hki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 3H5C3.9 3 3 3.9 3 5C3 6.1 3.9 7 5 7H18C18 6.07 18 5.61 17.9 5.22C17.62 4.19 16.81 3.38 15.78 3.1C15.39 3 14.93 3 14 3Z' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M3 5V15C3 17.83 3 19.24 3.88 20.12C4.76 21 6.17 21 9 21H15C17.83 21 19.24 21 20.12 20.12C21 19.24 21 17.83 21 15V13C21 10.17 21 8.76 20.12 7.88C19.24 7 17.83 7 15 7H7' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M21 12H19C18.54 12 18.3 12 18.11 12.05C17.59 12.19 17.19 12.59 17.05 13.11C17 13.3 17 13.54 17 14C17 14.46 17 14.7 17.05 14.89C17.19 15.41 17.59 15.81 18.11 15.95C18.3 16 18.54 16 19 16H21' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E")}
.hki-stroke.hki-wrench-01::before{--hki:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21.32 7.14L20.82 6.28C20.45 5.64 20.26 5.31 19.95 5.18C19.63 5.05 19.27 5.16 18.55 5.36L17.33 5.7C16.87 5.81 16.39 5.75 15.97 5.53L15.64 5.34C15.28 5.11 15 4.77 14.85 4.37L14.51 3.38C14.29 2.72 14.18 2.39 13.92 2.2C13.66 2.01 13.31 2.01 12.62 2.01H11.51C10.81 2.01 10.46 2.01 10.2 2.2C9.94 2.39 9.83 2.72 9.61 3.38L9.28 4.37C9.12 4.77 8.85 5.11 8.49 5.34L8.15 5.53C7.73 5.75 7.25 5.81 6.79 5.7L5.57 5.36C4.86 5.16 4.5 5.05 4.18 5.18C3.86 5.31 3.67 5.64 3.3 6.28L2.81 7.14C2.46 7.75 2.28 8.05 2.32 8.38C2.35 8.7 2.58 8.96 3.05 9.48L4.08 10.63C4.34 10.95 4.52 11.51 4.52 12.01C4.52 12.51 4.34 13.06 4.08 13.38L3.05 14.54C2.58 15.06 2.35 15.32 2.32 15.64C2.28 15.96 2.46 16.27 2.81 16.87L3.3 17.73C3.67 18.38 3.86 18.7 4.18 18.83C4.5 18.96 4.86 18.86 5.57 18.66L6.79 18.31C7.25 18.21 7.73 18.27 8.15 18.48L8.49 18.68C8.85 18.91 9.12 19.24 9.28 19.64L9.61 20.64C9.83 21.3 9.94 21.63 10.2 21.82C10.46 22.01 10.81 22.01 11.51 22.01H12.62C13.31 22.01 13.66 22.01 13.92 21.82C14.18 21.63 14.29 21.3 14.51 20.64L14.85 19.64C15 19.24 15.28 18.91 15.64 18.68L15.97 18.48C16.39 18.27 16.87 18.21 17.33 18.31L18.55 18.66C19.27 18.86 19.63 18.96 19.95 18.83C20.26 18.7 20.45 18.38 20.82 17.73L21.32 16.87C21.67 16.27 21.84 15.96 21.81 15.64C21.77 15.32 21.54 15.06 21.07 14.54L20.04 13.38C19.79 13.06 19.61 12.51 19.61 12.01C19.61 11.51 19.79 10.95 20.04 10.63L21.07 9.48C21.54 8.96 21.77 8.7 21.81 8.38C21.84 8.05 21.67 7.75 21.32 7.14Z' stroke='currentColor' stroke-linecap='round' stroke-width='1.5'/%3E%3Cpath d='M15.52 12C15.52 13.93 13.95 15.5 12.02 15.5C10.09 15.5 8.52 13.93 8.52 12C8.52 10.07 10.09 8.5 12.02 8.5C13.95 8.5 15.52 10.07 15.52 12Z' stroke='currentColor' stroke-width='1.5'/%3E%3C/svg%3E")}

/* ===== [2/6] ikonlar (Ikon (SVG) stilleri)
 * KAYNAK: assets/css/components/cv2-hki-svg-lock.css ===== */
/* Prevent icon-font tofu and reserve icon geometry until the SVG mask sheet is ready.
   --cv2-ic-paint: optional paint (e.g. var(--color-gradient)) so accent icons follow the simple/dual site colour; set none to fall back to currentColor. */
.hki-stroke{display:inline-block;width:1em;height:1em;min-width:1em;min-height:1em;line-height:1;vertical-align:middle}
.hki-stroke::before{content:"";display:block;speak:never;width:1em;height:1em;background-color:currentColor;background-image:var(--cv2-ic-paint,none);-webkit-mask-image:var(--hki,linear-gradient(transparent,transparent));mask-image:var(--hki,linear-gradient(transparent,transparent));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}

/* ===== [3/6] kritik (Ilk boyama icin kritik kurallar)
 * KAYNAK: assets/css/core/critical/head-critical-styles-consolidated.css ===== */
.cv2-page--server #wrapper .tablopaketler,.cv2-page--server #wrapper .corecartpkts-wrapper,[data-page="server-products"] #wrapper .tablopaketler,[data-page="server-products"] #wrapper .corecartpkts-wrapper{width:100%;max-width:min(100%,var(--CoreV2-container-width,1300px));min-width:0;margin-left:auto;margin-right:auto;box-sizing:border-box}:root{--cv2-mobile-pack-gutter:14px}@media (min-width:1025px){.vertical--packs .pack .price-section.cv2-price-badge .price-main.price-main--has-period{min-height:40px;height:40px;padding:0 12px;align-items:center}}@media (max-width:767px){.products_list, .tablopaketler, .corecartpkts-wrapper, .corecartpkts-container{width:100%;max-width:100%;min-width:0;padding-left:var(--cv2-mobile-pack-gutter);padding-right:var(--cv2-mobile-pack-gutter);overflow:visible;box-sizing:border-box}.cv2-pack-listing-head{width:100%;max-width:100%;box-sizing:border-box;padding-left:0;padding-right:0;margin-left:0;margin-right:0}}html[data-theme="dark"] body:not(#home) .coresss-faq-grid,html[data-theme="dark"] .detail-products-features .coresss-faq-grid{border-color:rgba(148,163,184,.28);background:rgba(255,255,255,.03)}html[data-theme="dark"] body:not(#home) .coresss-ticket-card{background:var(--color-surface);border-color:rgba(148,163,184,.22)}html[data-theme="dark"] body .intro-slider .intro-hero-heading,html[data-theme="dark"] body .intro-slider .intro-hero-info h2{color:var(--color-text-primary)}html[data-theme="dark"] body .intro-slider .intro-hero-info p{color:var(--color-text-primary)}html[data-theme="dark"] body .cd-slider-wrapper,html[data-theme="dark"] body .cd-hero-quicknav__item{color:var(--color-text-secondary)}html[data-theme="dark"] body .cd-hero-quicknav__item{background:rgba(255,255,255,.06);border-color:var(--color-border)}html[data-theme="dark"] body .cv2-packs-promo-data,html[data-theme="dark"] body .cv2-packs-promo-data-list,html[data-theme="dark"] body .cv2-packs-promo-data-list ul li{color:var(--color-text-secondary)}

/* ===== [4/6] cekirdek (Temel yerlesim ve ortak kurallar)
 * KAYNAK: assets/css/core/base.css ===== */
/* ============================================================
 * BASE / foundation (eski main-head, tek foundation)
 * Kaynak: Yedek (yeniden adlandirilmis / birlestirilmis)
 * Kural: bu dosya yalnizca bu kategori alanina aittir
 * ============================================================ */
/* --- source: css/main-head.css --- */
/* Tipografi: inc/main-head-css.php (tema paneli font-family, font-size, ağırlıklar) */
:root {
    /* Tema paneli tek kaynak — hardcode mavi RGB YOK */
    --CoreV2-primary:              var(--cv2-primary);
    --CoreV2-primary-rgb:          var(--cv2-primary-rgb);
    --CoreV2-primary-gradient:     var(--cv2-gradient);
    --theme-color-1:               var(--cv2-primary);
    --theme-color-1-tone:          var(--cv2-primary-tone);
    --theme-color-1-light:         var(--cv2-primary-light);
    --theme-color-1-gradient:      var(--cv2-gradient);
    
    
    --r-xs:   6px;
    --r-sm:   8px;
    --r-md:  12px;
    --r-lg:  16px;
    --r-xl:  20px;
    --r-2xl: 24px;
    --r-pill:50px;
    
    --t-base:  0.25s ease}
img, video {
    max-width: 100%;
    height: auto;
    display: block}
.selectLangCurrency {
    display: none}
#selectLang,
#selectCurrency,
#ct-preloader,
#preloader {
    display: none}
#selectLang, #selectCurrency {
    background-size: 100% auto;
    background-position: center;
    background-color: transparent;
    color: #ffffff;
    text-align: center}
#selectLang .langandcur a,
#selectCurrency .langandcur a {
    border: 1px solid transparent;
    width: 47%}

html, body {
    /* #000 / primary fallback YOK — siyah flash kok nedeni */
    background-color: var(--bg-main, #fafbfc);
    background-attachment: scroll;
    color: var(--text-primary, #101218);
    
    font-weight: var(--font-weight-normal, 400);
    /* Alt taban 15px — aşırı küçük kayıtlı boyut siteyi "mini" göstermesin */
    font-size: max(15px, var(--font-size-base, 16px));
    overflow-x: hidden;
    max-width: 100%;
    transition: none}
html {
    font-size: max(15px, var(--font-size-base, 16px))}
html[data-theme="dark"],
html[data-theme="dark"] {
    /* primary fallback YOK — siyah/marka flash yapardi */
    background-color: var(--cv2-surface-page, #0B0F19);
    color-scheme: dark}
html[data-theme="dark"] body,
html[data-theme="dark"] body {
    background-color: var(--bg-main, #0B0F19);
    background-attachment: scroll}
#wrapper,
#main-wrapper,
#content,
#main,
body,
html {
    padding-top: 0;
    margin-top: 0;
    top: 0}
@media  (max-width: 991px) {
/* AOS tamamen devre dışı - mobilde FOUC ve performans sorunlarını önler */
/* Backdrop-filter mobilde tamamen kapat - performans katili */
*, *::before, *::after {
        backdrop-filter: none;
        -webkit-backdrop-filter: none}
}
/* ─────────────────────────────────────────
   3. TOPBAR
   ───────────────────────────────────────── */
/* ─────────────────────────────────────────
   4. MOBILE HERO LAYOUT
   ───────────────────────────────────────── */
@media  (max-width: 991px) {
/* Sticky kapatılınca boşluk bırakma (önceki 80px hata idi) */

/* slider-controls: butonların (slider-cta-row) hemen altında, sıfır boşlukla */
/* slider-left-foot alt boşluğunu sıfırla — slider-controls hemen alttan gelsin */
/* Mobil: panel geniş, içerik full-width */

/* slider--content overflow gizleme kaldır, controls görünsün */

}
/* ─────────────────────────────────────────
   6. HEADER ACTIONS
   ───────────────────────────────────────── */
html[data-theme="dark"],
[data-theme="dark"] {
    --CoreV2-card-bg: var(--cv2-surface-card, #171F2E);
    --CoreV2-border: rgba(255, 255, 255, 0.10);
    --header-action-gradient: linear-gradient(130deg, rgba(var(--CoreV2-primary-rgb, 59, 130, 246), 0.15) -10%, #1e293b 50%, rgba(var(--CoreV2-primary-rgb, 59, 130, 246), 0.2) 110%);
    --header-action-border: rgba(255, 255, 255, 0.06)}
/* ─────────────────────────────────────────
   7. NOTIFICATION PANEL
   ───────────────────────────────────────── */
/* ── Bell sallantı animasyonu ── */
@keyframes cv2BellShake {
    0%,100%  { transform: rotate(0deg)}
    8%       { transform: rotate(-12deg)}
    16%      { transform: rotate(12deg)}
    24%      { transform: rotate(-9deg)}
    32%      { transform: rotate(9deg)}
    40%      { transform: rotate(-5deg)}
    48%      { transform: rotate(5deg)}
    56%      { transform: rotate(-2deg)}
    64%      { transform: rotate(2deg)}
    72%,100% { transform: rotate(0deg)}
}
@keyframes cv2NotifSlideIn {
    from { opacity: 0; transform: scale(0.93) translateY(-8px)}
    to   { opacity: 1; transform: scale(1)   translateY(0)}
}
@keyframes cv2Pulse {
    0%,100% { transform: scale(.95)}
    70%      { transform: scale(1)}
}
@keyframes notifPulse {
    0%,100% { transform: scale(1)}
    50%      { transform: scale(1.05)}
}
@keyframes notifRotate {
    to { transform: rotate(360deg)}
}
.cv2-readall-btn:hover { background: rgba(var(--CoreV2-primary-rgb,101,163,13),0.14); transform: translateY(-1px)}
.cv2-readall-btn:active { transform: translateY(0)}
.cv2-readall-btn:focus-visible {
    outline: 2px solid var(--CoreV2-primary, var(--cv2-primary));
    outline-offset: 2px}
[data-theme="dark"] .cv2-readall-btn { background: rgba(var(--CoreV2-primary-rgb,101,163,13),0.12); border-color: rgba(var(--CoreV2-primary-rgb,101,163,13),0.25)}
.hosting-container,.faq-container,.theme-services-container,.CoreV2info-container,.CoreV2paktsb-container,.introslider-container,.CoreV2-campaign-countdown{
    max-width: var(--CoreV2-container-width, 1300px);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box}
/* ─────────────────────────────────────────
   9. HOSTING CONTAINER  (main layout)
   ───────────────────────────────────────── */
.hosting-container {
    display: flex;
    align-items: stretch;
    gap: 16px;
    margin: 4px auto 8px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 10;
    height: 380px;
    box-sizing: border-box}

/* Yedek düzen: üst 1fr (domain=kampanya eşit), alt auto (wide) — gap 4px */
@media  (max-width: 1300px) {
.hosting-container {
        flex-direction: column}

}
/* ─────────────────────────────────────────
   10. SLIDER — MAIN
   Panel sis KAPALI · görsel alt sis = CoreV2paktsb-hero-fog birebir
   ───────────────────────────────────────── */

/* Eski panel sağ-blur katmanı — kapalı (sis sadece resim altında) */

/* zamanlayıcı / tabs — her zaman en üstte */

/* Panel / eski mist / desen — kapalı (görsel fog hariç) */

@keyframes sliderFadeIn {
    from { opacity: 0; transform: translateY(8px)}
    to   { opacity: 1; transform: translateY(0)}
}
@keyframes sliderFadeInImg {
    from { opacity: 0}
    to   { opacity: 1}
}

/*
 * Sağ görsel: çizgiye çok yakın (2px), blur çizgiyi geçmez
 */

/* ayırıcı çizgi — blur üstünde, görsele yapışık */

/* resim: tam dolgu — masaustu arka plan YOK (Eski Yedek: transparent) */

/* v0.2.318: animation both opacity:0 ilk karede görseli boş gösteriyordu — kapalı */

/*
 * Alt sis: hafif — gorseli tamamen yutmasin (once 148px + 0.78 opacity)
 */

/* daha belirgin blur */

/* sis bulutu — wrap içinde kalır (sola taşmaz, çizgiye girmez) */

/* Fiyat rozeti — kompakt (üst boşluğu azaltır); tema buton radius */

/*
 * Foot: Yedek dengesi — üst/alt boşluk eşit (margin auto/auto),
 * özellikler dibe yapışmaz; özellik↔CTA ~16px nefes
 */

/* Özellik kartları = CTA ile aynı hücre yüksekliği/genişliği */

/*
 * CTA: özellik grid ile aynı 2 sütun / 44px
 * Yedek: özellik → CTA arası ~16px (yapışık değil)
 */

/* CTA grid: outline nefes için gap */

/* CTA tabanı — Yedek çift çerçeve (border + outline-offset 3px) + tema radius */

/* Paket İncele — Yedek beyaz + çift çerçeve + tema radius */
/* Tanıtım İzle — Yedek cam çerçeve + tema radius */

/* CTA ikonları timer nav (26–34px) ölçeğinde */

/* slider-controls: her zaman flex-column — masaüstünde absolute, mobilde relative (aşağıda) */

/* Kategori sekmeleri — 4v (viewport/4); 4'ten sonra kaydırma; tema oval */

@keyframes sliderFill { from { width: 0%} to { width: 100%} }

@keyframes ringFill { from { stroke-dashoffset: 132} to { stroke-dashoffset: 0} }

/* packages CTA — Yedek beyaz + çift çerçeve + tema radius */

@media  (max-width: 900px) {
/* v0.2.317: mobil/tablet gorseli tamamen gizleme — kompakt goster */

.slider-main-right-blur{
        height: 56px;
        min-height: 40px;
        max-height: 56px}

}
.grid-wrapper.grid-collapsed { flex: 0 0 44px; width: 44px; min-width: 0; overflow: hidden}
.grid-wrapper.grid-collapsed .grid-toggle-label-wrap    { display: none}
.grid-wrapper.grid-collapsed .grid-toggle-chevron       { transform: rotate(180deg)}
.grid-wrapper.grid-collapsed .grid-toggle-bar           { border-bottom: none; padding: 8px 0 0; justify-content: center; margin-bottom: 0}
/* ─────────────────────────────────────────
   12. INTRO CARDS GRID  (Yedek: 2 üst + 1 alt, yumuşak 30px)
   ───────────────────────────────────────── */
[data-theme="dark"] .card-title    { color: #f1f5f9}
[data-theme="dark"] .card-subtitle { color: rgba(var(--cv2-primary-rgb),.8)}
[data-theme="dark"] .percent { color: var(--CoreV2-primary)}
/* ─────────────────────────────────────────
   13. INTRO SECTION  (#intro-section)
   ───────────────────────────────────────── */
[data-theme="dark"] .intro-social { background: var(--CoreV2-card-bg); border: 1.5px solid var(--CoreV2-border)}
[data-theme="dark"] .intro-social a { background: rgba(var(--CoreV2-primary-rgb),.2)}
[data-theme="dark"] .intro-card { background: var(--CoreV2-card-bg); border: 1.5px solid var(--CoreV2-border)}
[data-theme="dark"] .intro-card::before {
    opacity: .08}
[data-theme="dark"] .intro-breadcrumb { background: rgba(255,255,255,.05); border-color: var(--CoreV2-border)}
[data-theme="dark"] .intro-breadcrumb .breadcrumb-text { color: #f1f5f9}
[data-theme="dark"] .intro-title { color: #ffffff}
[data-theme="dark"] .intro-desc { color: #94a3b8}
[data-theme="dark"] .intro-spec-item       { background: linear-gradient(145deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.03) 100%); border-color: rgba(255,255,255,.08)}
[data-theme="dark"] .intro-spec-item:hover { background: linear-gradient(145deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.06) 100%)}
[data-theme="dark"] .intro-spec-item .spec-info strong { color: #94a3b8}
[data-theme="dark"] .intro-spec-item .spec-info small  { color: #e2e8f0}
.introslider-title-highlight { color: var(--primary-color)}
/* ─────────────────────────────────────────
   16. IZIMODAL — NOTIFICATION TOASTS
   ───────────────────────────────────────── */
.iziModal .iziModal-progressbar { top: auto; bottom: 0}
.iziModal .iziModal-progressbar > div { height: 3px; background: rgba(255,255,255,.45)}
.iziModal .iziModal-button {
    width: 28px; height: 28px;
    opacity: .7;
    background: rgba(255,255,255,.15);
    border-radius: 6px;
    background-size: 55%;
    transition: opacity .2s, background .2s}
.iziModal .iziModal-button:hover { opacity: 1; background: rgba(255,255,255,.28)}
.iziModal .iziModal-content {
    padding: 0;
    font-size: 13.5px;
    line-height: 1.6}
.iziModal .iziModal-content:empty,
.iziModal .iziModal-wrap:empty { display: none; height: 0; padding: 0}
.iziModal .iziModal-content > *:not(:empty) { padding: 14px 16px}
#CoreV2_settings_modal.iziModal,
#CoreV2_settings_modal.iziModal-open {
  z-index: 999999}
.iziModal-overlay.cv2-settings-overlay {
  z-index: 999990}

[data-theme="dark"] .iziModal .iziModal-content { background: var(--CoreV2-card-bg); color: #e2e8f0}
.cv2-qa-backdrop.cv2-qa-open { opacity: 1; visibility: visible; pointer-events: auto}
.cv2-qa-card::before {
    content: "";
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 88px; height: 3px;
    background:var(--cv2-gradient,var(--CoreV2-primary));
    border-radius: 0 0 6px 6px}
.cv2-qa-card::-webkit-scrollbar { display: none}
.cv2-qa-backdrop.cv2-qa-open .cv2-qa-card { transform: translateY(0) scale(1)}
[data-theme="dark"] .cv2-qa-card {
    background:var(--cv2-gradient,var(--cv2-primary));
    border-color: transparent}
[data-theme="dark"] .cv2-qa-card::before { background:var(--cv2-gradient,var(--CoreV2-primary))}
.cv2-qa-close:hover {
    background: rgba(var(--cv2-primary-rgb),.16);
    border-style: solid;
    transform: scale(1.1) rotate(90deg)}
[data-theme="dark"] .cv2-qa-close { background: rgba(var(--cv2-primary-rgb),.1); border-color: rgba(var(--cv2-primary-rgb),.3); color: var(--cv2-danger)}
.cv2-qa-tab.active {
    background: var(--theme-color-1-gradient);
    color: #ffffff;
    outline: 2px solid rgba(var(--CoreV2-primary-rgb),.30);
    outline-offset: 3px}
.cv2-qa-panel.active  { display: block}
#cv2-quickauth-backdrop .croturumac-account-type-btn.active { background: var(--theme-color-1-gradient); color: #ffffff; border-radius: 50px; outline: 2px solid rgba(var(--CoreV2-primary-rgb),.28); outline-offset: 3px}
#cv2-quickauth-backdrop .iti__selected-flag {
    background: rgba(var(--CoreV2-primary-rgb),.05);
    border-right: 1px solid rgba(0,0,0,.08);
    padding: 0 10px 0 12px;
    height: 42px}
.iti--container .iti__country.iti__highlight { background: rgba(var(--CoreV2-primary-rgb),.08)}
.iti--container .iti__country:hover{ background: rgba(var(--CoreV2-primary-rgb),.08)}
.cv2-pw-toggle:hover { color: var(--CoreV2-primary)}
/* ─────────────────────────────────────────
   18. MEGA MENU
   ───────────────────────────────────────── */
.CoreV2-main-menu > ul > li::after {
    content: "";
    position: absolute;
    top: 100%; left: -20px; right: -20px;
    height: 18px;
    pointer-events: none;
    z-index: 99990}
/* Mega menu backdrop - saf CSS, tiklama sorununa yol acmaz */
@keyframes cv2OverlayIn {
    from { opacity: 0}}
@keyframes cv2MegaSlideIn {
    from { opacity: 0; transform: translateX(-50%) translateY(-12px) scale(.97)}}
.megahedars-dropdown-item {
    background-color: #f8fafc;
    background-image: none;
min-width: 0}
[data-theme="dark"] .megahedars-dropdown-item {
    background-color: rgba(255,255,255,.05)}
.megahedars-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%}
.megahedars-column-title     { width: 100%; display: block}
.CoreV2-main-menu .CoreV2-dropdown-menu,
.CoreV2-main-menu .CoreV2-dropdown-menu-inner {
    background: transparent;
    background-color: transparent;
    background-image: none;
    border: none;
    margin-top: 0;
    padding-top: 3px}
.CoreV2-main-menu > ul > li:not(:last-child) > a.CoreV2-menu-item::after {
    display: none;
    content: none}
[data-theme="dark"] .CoreV2-view-all-link {background:none;border-color:transparent;color:rgba(255,255,255,.9)}
[data-theme="dark"] .genelbaslik-aciklama{ color: #94a3b8}
[data-theme="dark"] .genelbaslik-rozet { background: rgba(var(--CoreV2-primary-rgb),.12); border-color: rgba(var(--CoreV2-primary-rgb),.2)}
[data-theme="dark"] .genelbaslik-rozet-ikon { color: #ffffff}
[data-theme="dark"] .genelbaslik-rozet-metin { color: var(--CoreV2-primary)}
[data-theme="dark"] .CoreV2info-wrapper     { border: none}
[data-theme="dark"] .CoreV2info-icon        { color: var(--CoreV2-primary)}
[data-theme="dark"] .CoreV2info-number-box {
    color: #f1f5f9}
/* coresss dark → css/faq-section.css (tek kaynak) */
[data-theme="dark"] .vertical--packs .pack.pack-popular .btn-main       { background: #ffffff; color: var(--CoreV2-primary)}
#clientAreaMenus-2 #active  { background: rgba(0,0,0,.05)}
/* ─────────────────────────────────────────
   22. POPUP BANNER
   ───────────────────────────────────────── */
.core-popup2-banner__backdrop.visible {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1}
.core-popup2-banner {
    z-index: 9999;
    opacity: 0}
.core-popup2-banner__backdrop.visible .core-popup2-banner {
    display: flex;
    transform: scale(1);
    opacity: 1}
/* ============================================================
   PROFESSIONAL THEME CSS — FULL OPTIMIZED VERSION
   Desktop + Mobile fully responsive
   Dark/Light mode support
   No duplicates, no conflicts
   ============================================================ */
/* ============================================================
   1. CSS CUSTOM PROPERTIES — ROOT VARIABLES
   ============================================================ */
:root {
  /* Ikinci :root — tema tokenlarini BOZMA, sadece alias tamamla */
  --theme-color-1: var(--cv2-primary);
  --theme-color-1-tone: var(--cv2-primary-tone);
  --theme-color-1-light: var(--cv2-primary-light);
  --theme-color-1-gradient: var(--cv2-gradient);
  --CoreV2-primary: var(--cv2-primary);
  --CoreV2-primary-rgb: var(--cv2-primary-rgb);
  --CoreV2-secondary: var(--cv2-secondary);
  --CoreV2-secondary-rgb: var(--cv2-secondary-rgb, 28, 29, 40);
  --CoreV2-primary-gradient: var(--cv2-gradient);
  
  --CoreV2-primary-light: var(--cv2-primary-light);
  
  
  
  --CoreV2-primary-bg: rgba(var(--cv2-primary-rgb), 0.08);
  --CoreV2-success: #10b981;
  --CoreV2-warning: #f59e0b;
  --CoreV2-danger: #ef4444;
  
  --CoreV2-bg: var(--cv2-surface, #fafbfc);
  --CoreV2-surface: var(--cv2-surface-card, #ffffff);
  --CoreV2-card: var(--cv2-surface-card, #ffffff);
  --CoreV2-card-hover: var(--cv2-surface-secondary, #f1f5f9);
  --CoreV2-border: var(--cv2-border, #e2e8f0);
  --CoreV2-text-primary: var(--cv2-heading, #101218);
  --CoreV2-text-secondary: var(--cv2-text, #68718c);
  
  --CoreV2-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.04);
  --CoreV2-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --CoreV2-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
  
  
  --CoreV2-radius-lg: 12px;
  
  
  
  
  --CoreV2-transition-normal: 280ms;
  
  --CoreV2-header-height: 72px;
  --CoreV2-topbar-height: 40px;
  --CoreV2-container-width: 1300px;
  
  
  
  
  
  
  
  --CoreV2-font-size-lg: 18px;
  --mm-bg: #ffffff;
  --mm-card-bg: #f8fafc;
  --mm-card-hover: #f1f5f9;
  --mm-text-primary: #101218;
  --mm-text-secondary: #64748b;
  --mm-border: rgba(0, 0, 0, 0.06);
  --mm-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  --mm-icon-bg: rgba(0, 0, 0, 0.04);
  --mm-icon-color: #64748b;
  --bg-main: #f4f4f6;
  --bg-secondary: #f8fafc;
  --text-primary: #101218;
  --text-secondary: #64748b;
  --border-color: #e2e8f0;
  --color-primary: var(--CoreV2-primary);
  --color-primary-rgb: var(--CoreV2-primary-rgb);
  

  
  
  
  
  --faq-card-bg-color: #ffffff;
  
  
  
  --core-popup2-primary: var(--coretema-primary);
    --core-popup2-primary-rgb: var(--coretema-primary-rgb);
    --core-popup2-light-bg: rgba(var(--coretema-primary-rgb), 0.08);
    --core-popup2-text: #1a1625;
    --core-popup2-muted: var(--cv2-text, var(--cv2-soft-text, #68718c));
    --core-popup2-font: var(--font-family-base)}
html[data-theme="dark"],
[data-theme="dark"] {
  --CoreV2-bg: #0B0F19;
  --CoreV2-surface: #0B0F19;
  --CoreV2-card: #171F2E;
  --CoreV2-card-hover: #1e293b;
  --CoreV2-border: #2A3448;
  --CoreV2-text-primary: #e2e8f0;
  --CoreV2-text-secondary: #94a3b8;
  
  --CoreV2-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.15);
  --CoreV2-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
  --CoreV2-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.35);
  --mm-bg: #0e1119;
  --mm-card-bg: rgba(255, 255, 255, 0.05);
  --mm-card-hover: rgba(255, 255, 255, 0.08);
  --mm-text-primary: #f1f5f9;
  --mm-text-secondary: #94a3b8;
  --mm-border: rgba(255, 255, 255, 0.07);
  --mm-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  --mm-icon-bg: rgba(255, 255, 255, 0.07);
  --mm-icon-color: #94a3b8;
  --bg-main: #0B0F19;
  --bg-secondary: #111827;
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --border-color: #2A3448;
  
  --cv2-surface: #0B0F19;
  --cv2-surface-card: #171F2E;
  color-scheme: dark}
.CoreV2-menu-item {
  text-decoration: none;
  font-weight: var(--fw-menu, 400)}
.CoreV2-menu-item:hover {
  background-color: var(--CoreV2-primary-light)}
/* Menü yazı rengi: yumuşak gri (primary değil) — sayfa CSS a{color:primary} thrash'ına kapalı */
.CoreV2-menu-title {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: var(--fw-menu, 400);
  color: #64748b;
  gap: 4px;
  text-decoration: none;
  border-bottom: none}
/* Masaüstünde menü ikonlarını gizle */
@media  (min-width: 992px) {
.CoreV2-menu-title i.hgi {
    display: none}
}
/* ============================================================
   3. LAYOUT UTILITIES
   ============================================================ */
.CoreV2-container {
  width: 100%;
  max-width: var(--CoreV2-container-width);
  margin: 0 auto;
  padding: 0}
.container-xl {
  max-width: var(--CoreV2-container-width);
  width: 100%;
  margin: 0 auto}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.25rem}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding: 0 0.25rem}
.gap-1 { gap: 0.25rem}
.gap-2 { gap: 0.5rem}
.px-4 { padding-left: 1.5rem; padding-right: 1.5rem}
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem}
/* ============================================================
   4. TOPBAR
   ============================================================ */
/* .CoreV2-topbar .CoreV2-container flex layout → TEK kaynak: css/header.css */
.CoreV2-fx-btn.active {
  background:var(--cv2-gradient,var(--CoreV2-primary));
  color: #ffffff}
.CoreV2-selector:hover {
  background: rgba(255,255,255,0.12);
  color: #ffffff}
.CoreV2-selector:hover .CoreV2-selector-arrow {
  transform: translateY(2px);
  opacity: 0.9}

[data-theme="light"] .CoreV2-theme-icon,
html:not([data-theme="dark"]) .CoreV2-theme-icon {
  stroke: rgba(0,0,0,0.6)}
[data-theme="light"] .CoreV2-theme-switcher,
html:not([data-theme="dark"]) .CoreV2-theme-switcher {
  background: rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.1)}
[data-theme="light"] .CoreV2-theme-switcher:hover,
html:not([data-theme="dark"]) .CoreV2-theme-switcher:hover {
  background: rgba(0,0,0,0.1)}
[data-theme="dark"] .CoreV2-theme-icon.sun { opacity: 0}
[data-theme="dark"] .CoreV2-theme-icon.moon { opacity: 1}
.CoreV2-currency-widget:hover { background: rgba(255, 255, 255, 0.17)}
/* ============================================================
   5. MAIN HEADER
   ============================================================ */
@media  screen and (min-width: 992px) {
/* ── ANA SAYFA ::before BASE — başta gizli, floated'da görünür ── */
/* ── ANA SAYFA STICKY HEADER — Panel ile birebir aynı ── */
/* Floated — ::before kırpılmış arka plan */
/* Floated: topbar görünmez ama akışta yer kaplamasın */
}
/* .CoreV2-header .CoreV2-container → TEK kaynak: css/header.css (cross-file ikiz kaldırıldı) */
@keyframes CoreV2SlideDown {
  from { transform: translateY(-100%); opacity: 0}
  to { transform: none; opacity: 1}
}
/* ============================================================
   6. LOGO
   ============================================================ */
.CoreV2-logo {
  display: flex;
  align-items: center;
  position: relative;
  overflow: visible}
.CoreV2-logo a {
  display: inline-flex;
  align-items: center}
.CoreV2-logo img {
  max-height: 52px;
  width: auto;
  object-fit: contain;
  display: block;
  transition: transform var(--CoreV2-transition-normal) ease}
.CoreV2-logo:hover img { transform: scale(1.04)}
[data-theme="dark"] .CoreV2-logo img,
[data-theme="dark"] .CoreV2-mobile-logo img {
  filter: brightness(0) invert(1)}
/* ============================================================
   7. MAIN NAVIGATION
   ============================================================ */
.CoreV2-main-menu {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible}
.CoreV2-main-menu > ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 2px;
  overflow: visible;
  flex-wrap: nowrap}
.CoreV2-main-menu > ul > li {
  position: relative;
  margin: 0 2px;
  overflow: visible}
.CoreV2-main-menu > ul > li:not(:last-child)::after {
  display: none;
  content: none}
.CoreV2-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  position: relative;
  min-height: 44px}
.CoreV2-menu-item:hover {
  background: transparent}
/* .CoreV2-menu-title — ustte tek tanim (ikileme yok) */
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item {
  position: relative;
  overflow: visible;
  color: #64748b;
  text-decoration: none;
  border-bottom: none}
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item:focus,
.CoreV2-main-menu > ul > li.show-mega-menu > a.CoreV2-menu-item,
.CoreV2-main-menu > ul > li.mega-open > a.CoreV2-menu-item {
  color: var(--CoreV2-primary, var(--cv2-primary));
  text-decoration: none;
  border-bottom: none}
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item:hover{
  color: var(--CoreV2-primary, var(--cv2-primary));
  text-decoration: none}
.CoreV2-main-menu > ul > li.show-mega-menu > a.CoreV2-menu-item .CoreV2-menu-title,
.CoreV2-main-menu > ul > li.mega-open > a.CoreV2-menu-item .CoreV2-menu-title {
  color: var(--CoreV2-primary, var(--cv2-primary))}
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item:hover .CoreV2-menu-title{
  color: var(--CoreV2-primary, var(--cv2-primary))}
/* Alt çizgi ASLA — thrash opacity:1 kuralları kaldırıldı */
.CoreV2-menu-badge {
  font-size: 10px;
  font-weight: 400;
  padding: 2px 8px;
  border-radius: 6px;
  margin-bottom: 4px;
  display: inline-block;
  letter-spacing: 0.2px;
  transition: all 0.3s ease;
  border: 1px solid transparent}
li.has-dynamic-color .CoreV2-menu-badge {
  background-color: var(--menu-item-bg-color, rgba(var(--CoreV2-primary-rgb), 0.1));
  color: var(--menu-item-color, var(--CoreV2-primary));
  border-color: rgba(var(--menu-item-rgb, var(--CoreV2-primary-rgb)), 0.15)}
.CoreV2-main-menu > ul > li:hover .CoreV2-menu-badge {
  transform: translateY(-2px)}
/* ============================================================
   8. DROPDOWN MENU (standard)
   ============================================================ */
.CoreV2-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 14px;
  margin-top: 0;
  overflow: visible;
  display: flex;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--CoreV2-transition-normal) ease, visibility var(--CoreV2-transition-normal) ease;
  z-index: 1001}
/* ============================================================
   9. MEGA MENU CONTAINER
   ============================================================ */
/* ============================================================
   10. MEGA MENU COLUMNS & LAYOUT
   ============================================================ */
.megahedars-column-title {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--mm-text-secondary);
  margin-bottom: 6px;
  padding-left: 4px}
.megahedars-column-title::before { display: none}
/* ============================================================
   11. MEGA MENU DROPDOWN ITEMS
   ============================================================ */
.megahedars-dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  background: var(--mm-card-bg);
  border: 1px solid var(--mm-border);
  border-radius: 12px;
  transition: all 0.2s ease;
  text-decoration: none;
  color: var(--mm-text-primary);
  cursor: pointer;
  min-height: 76px;
  height: auto;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  overflow: visible}
.megahedars-dropdown-item:hover {
  transform: translateY(-2px);
  background: var(--mm-card-hover)}
.megahedars-dropdown-item:hover .megahedars-title {
  color: var(--menu-item-color, var(--CoreV2-primary))}
[data-theme="dark"] .megahedars-dropdown-item {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08)}
[data-theme="dark"] .megahedars-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.09)}
.megahedars-dropdown-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--mm-icon-bg);
  color: var(--mm-icon-color);
  border-radius: 50%;
  border: none;
  transition: all 0.25s ease;
  flex-shrink: 0}
.megahedars-dropdown-item:hover .megahedars-dropdown-icon {
  background: var(--menu-item-color, var(--CoreV2-primary));
  color: #ffffff}
.megahedars-dropdown-icon i,
.megahedars-dropdown-icon svg {
  font-size: 15px;
  width: 15px;
  height: 15px;
  display: block;
  line-height: 1;
  margin: auto}
.megahedars-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--mm-text-primary);
  margin-bottom: 2px;
  display: block;
  line-height: 1.3;
  transition: color 0.2s ease}
.megahedars-description {
  font-size: 11.5px;
  color: var(--mm-text-secondary);
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  max-width: 34ch;
  word-wrap: break-word}
/* ============================================================
   13. PAGE BACKDROP (overlay when mega menu opens — sadece masaüstü)
   ============================================================ */
body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px) saturate(160%) brightness(0.85);
  -webkit-backdrop-filter: blur(12px) saturate(160%) brightness(0.85);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
  z-index: 999}
/* ============================================================
   15. USER DROPDOWN
   ============================================================ */

/* ============================================================
   15. USER DROPDOWN
   ============================================================ */
.mp-user-dropdown-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center}
.mp-user-btn:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.06);
  transform: none}
[data-theme="dark"] .mp-status-indicator { border-color: #0c0f15}
.mp-user-btn:hover .mp-user-chevron { transform: rotate(180deg); opacity: .8}
.mp-user-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 280px;
  background: var(--CoreV2-card, #fff);
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.12);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(.98);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
  z-index: 9999;
  overflow: hidden}
[data-theme="dark"] .mp-user-dropdown {
  background: #121722;
  border-color: rgba(255,255,255,.1)}
.mp-user-dropdown-wrapper.active .mp-user-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1)}
.mp-user-dropdown-wrapper:hover .mp-user-dropdown{
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1)}
.mp-user-dropdown-head {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 10px;
  padding: 12px 12px 11px;
  text-decoration: none;
  color: inherit;
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(var(--CoreV2-primary-rgb), .14), transparent 55%),
    rgba(var(--CoreV2-primary-rgb), .04);
  border-bottom: 1px dashed rgba(var(--CoreV2-primary-rgb), .18)}
.mp-user-dropdown-head:hover {
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(var(--CoreV2-primary-rgb), .2), transparent 55%),
    rgba(var(--CoreV2-primary-rgb), .07)}
.mp-user-dropdown-head-av {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
  overflow: hidden;
  border: 2px solid rgba(var(--CoreV2-primary-rgb), .28)}
.mp-user-dropdown-head-copy {
  min-width: 0}
.mp-user-dropdown-head-copy strong,
.mp-user-dropdown-head-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap}
.mp-user-dropdown-head-copy strong {
  font-size: 13px;
  font-weight: 700;
  color: var(--CoreV2-text-primary, #0f172a)}
.mp-user-dropdown-head-copy small {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 600;
  color: var(--CoreV2-primary)}
[data-theme="dark"] .mp-user-dropdown-head-copy strong { color: #f1f5f9}
.mp-user-dropdown-head-go {
  font-size: 14px;
  color: var(--CoreV2-primary);
  opacity: .7}
.mp-user-dropdown-menu { padding: 8px; display: flex; flex-direction: column; gap: 2px}
.mp-user-dropdown-label {
  margin: 6px 4px 4px;
  padding: 0 6px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--CoreV2-text-secondary, #64748b)}
.mp-user-dropdown-label:first-child { margin-top: 2px}
.mp-user-dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  color: var(--CoreV2-text-primary);
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 600;
  transition: background .15s ease, color .15s ease}
.mp-user-dropdown-item:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.08);
  color: var(--CoreV2-primary);
  transform: none}
[data-theme="dark"] .mp-user-dropdown-item { color: #e2e8f0}
[data-theme="dark"] .mp-user-dropdown-item:hover { background: rgba(var(--CoreV2-primary-rgb), 0.14); color: var(--CoreV2-primary)}
.mp-user-dropdown-item:hover .mp-item-icon {
  background:var(--cv2-gradient,var(--CoreV2-primary));
  color: #ffffff}
[data-theme="dark"] .mp-item-icon { background: rgba(var(--CoreV2-primary-rgb), 0.12)}
.mp-user-dropdown-footer {
  padding: 6px;
  border-top: 1.5px dashed rgba(var(--CoreV2-primary-rgb), 0.2);
  background: transparent}
[data-theme="dark"] .mp-user-dropdown-footer { border-top-color: rgba(255,255,255,.08)}
.mp-user-logout-btn:hover {
  background: rgba(var(--cv2-primary-rgb),.08);
  color: var(--cv2-danger)}
/* ============================================================
   16. STICKY ANNOUNCEMENT BAR
   ============================================================ */
#CoreV2-sticky-ann-wrapper.CoreV2-sticky-visible {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto}
#CoreV2-sticky-ann-wrapper.CoreV2-sticky-hide {
  display: none;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
  margin: 0}
#CoreV2-sticky-ann {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  max-width: var(--CoreV2-container-width);
  min-height: 64px;
  margin: 0 auto;
  padding: 10px 22px;
  border-radius: var(--cv2-radius-card, 12px);
  background: var(--theme-color-1-gradient);
  color: #ffffff;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  position: relative;
  isolation: isolate;
  box-sizing: border-box}
#CoreV2-sticky-ann::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: url("../../images/revmo-1.webp");
  background-size: 260px 260px;
  background-position: right -10px center;
  background-repeat: no-repeat;
  opacity: 0.18;
  pointer-events: none;
  z-index: 0}
.CoreV2-sticky-content {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 14px;
  flex: 1 1 auto;
  min-width: 0;
  order: 1;
  overflow: hidden;
  z-index: 1}
.CoreV2-sticky-top-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  order: 2;
  z-index: 2}
.CoreV2-sticky-icon-col {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto}
.CoreV2-sticky-icon-vline {
  width: 1px;
  height: 36px;
  background: rgba(255, 255, 255, 0.22);
  flex-shrink: 0}
.CoreV2-sticky-lead {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center}
.CoreV2-sticky-hub {
  flex: 0 0 auto;
  min-width: 0}
.CoreV2-sticky-meta {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px}
.CoreV2-sticky-center {
  display: inline-flex;
  align-items: center;
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px))}
.CoreV2-sticky-coupon-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: 0.92}
.CoreV2-sticky-coupon-code {
  font-weight: 700;
  letter-spacing: 0.04em}

.CoreV2-sticky-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: var(--cv2-radius-input, 10px);
  background: rgba(255, 255, 255, 0.16);
  flex: 0 0 46px;
  border: 1px solid rgba(255, 255, 255, 0.2)}
.CoreV2-sticky-icon svg,
.CoreV2-sticky-icon i,
.CoreV2-sticky-icon .hki-stroke {
  width: 22px;
  height: 22px;
  font-size: 22px;
  line-height: 1}
.CoreV2-sticky-text-area {
  font-size: 14px;
  font-weight: 500;
  flex: 1 1 auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff}
.CoreV2-sticky-text { display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; min-width: 0}
.CoreV2-sticky-details { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 10px; white-space: nowrap; flex: 0 0 auto}
.CoreV2-sticky-coupon {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 13px;
  border: 1px solid rgba(255,255,255,0.18);
  white-space: nowrap}
.CoreV2-sticky-coupon strong { font-weight: 700; color: #ffffff; font-size: 14px; letter-spacing: 0.5px}
.CoreV2-sticky-coupon-icon svg,
.CoreV2-sticky-coupon-icon i,
.CoreV2-sticky-coupon-icon .hki-stroke {
  width: 16px;
  height: 16px;
  font-size: 16px}
.CoreV2-sticky-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 0 0 auto; z-index: 1}
.CoreV2-sticky-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  white-space: nowrap;
  transition: all 0.25s ease}
.CoreV2-sticky-btn:hover {
  background: rgba(255, 255, 255, 0.28);
  transform: translateY(-1px)}
.CoreV2-sticky-copy {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(255,255,255,0.18);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.35);
  padding: 4px 10px;
  font-size: 11px;
  cursor: pointer;
  transition: background 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0}
.CoreV2-sticky-copy:hover { background: rgba(255,255,255,0.30)}
.CoreV2-sticky-countdown {
  display: inline-flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  column-gap: 0;
  row-gap: 0;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  min-height: 46px}
.CoreV2-countdown-item {
  min-width: 42px;
  margin: 0;
  padding: 6px 8px;
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-left-width: 0;
  border-right-width: 0;
  background: rgba(255, 255, 255, 0.14);
  text-align: center;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center}
.CoreV2-countdown-item:first-child {
  border-radius: 8px 0 0 8px;
  border-left-width: 1px;
  padding-left: 10px}
.CoreV2-countdown-item:last-child {
  border-radius: 0 8px 8px 0;
  border-right-width: 1px;
  padding-right: 10px}
.CoreV2-countdown-item + .CoreV2-countdown-item {
  margin-left: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.12)}
.CoreV2-countdown-value { display: block; font-size: 16px; font-weight: 700; color: #ffffff; line-height: 1; margin: 0 0 3px 0}
.CoreV2-countdown-label { display: block; font-size: 9px; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(255, 255, 255, 0.85); line-height: 1; margin: 0}
.CoreV2-countdown-hidden { display: none}
@media  (max-width: 480px) {
.CoreV2-countdown-item {
    min-width: 32px;
    padding: 4px 4px}
.CoreV2-countdown-value { font-size: 14px}
.CoreV2-countdown-label { font-size: 8px}
}
#CoreV2-sticky-close {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  width: 34px;
  height: 34px;
  min-width: 34px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--cv2-radius-input, 8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.2s ease;
  flex-shrink: 0;
  padding: 0}
#CoreV2-sticky-close:hover { background: rgba(255, 255, 255, 0.25)}
@media  (max-width: 991px) {
#CoreV2-sticky-ann {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 12px 12px 16px 12px;
    column-gap: 8px;
    row-gap: 10px;
    align-items: center;
    overflow: visible;
    border-radius: 16px; /* kart — tam hap değil */
  }
/* Hub: kompakt, az oval (hap değil) */
.CoreV2-sticky-hub {
    grid-column: 1;
    grid-row: 2;
    width: auto;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    display: inline-flex;
    align-items: center;
    padding: 3px 5px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-sizing: border-box}
.CoreV2-sticky-meta {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px}
/* Kupon: daha kompakt */
.CoreV2-sticky-coupon {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-height: 22px;
    height: auto;
    padding: 1px 5px;
    font-size: 8px;
    border-radius: 6px;
    border-width: 1px}
.CoreV2-sticky-coupon strong {
    font-size: 8.5px;
    letter-spacing: 0.2px;
    margin-left: 1px}
.CoreV2-sticky-coupon-icon {
    font-size: 10px;
    width: 12px;
    height: 12px}
.CoreV2-sticky-coupon-icon svg {
    width: 11px;
    height: 11px}
/* Paket Gör: mobilde ikon buton (metin gizli, sığar) */
#CoreV2-sticky-ann .CoreV2-sticky-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    grid-column: 2;
    grid-row: 2;
    min-height: 44px;
    height: 44px;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    padding: 0;
    margin: 0 0 0 6px;
    font-size: 0;
    line-height: 0;
    flex: 0 0 44px;
    visibility: visible;
    opacity: 1;
    transform: none;
    outline: none;
    outline-offset: 0;
    justify-self: end;
    border-radius: 8px;
    gap: 0}
#CoreV2-sticky-ann .CoreV2-sticky-btn--side span {
    display: none}
#CoreV2-sticky-ann .CoreV2-sticky-btn--side {
    gap: 0}
#CoreV2-sticky-ann .CoreV2-sticky-btn svg,
  #CoreV2-sticky-ann .CoreV2-sticky-btn i {
    display: block;
    width: 14px;
    height: 14px;
    font-size: 14px;
    flex-shrink: 0}
}
@media  (max-width: 768px) {
#CoreV2-sticky-ann-wrapper {
    margin: 6px 10px 10px; /* üst bomboşluk kaldırıldı */
  }
#CoreV2-sticky-ann {
    padding: 12px 12px 16px 12px;
    row-gap: 8px;
    column-gap: 8px;
    overflow: visible;
    border-radius: 14px}
.CoreV2-sticky-hub {
    padding: 2px 4px;
    border-radius: 7px}
.CoreV2-sticky-coupon {
    min-height: 20px;
    padding: 1px 4px;
    font-size: 7.5px;
    border-radius: 5px}
.CoreV2-sticky-coupon strong {
    font-size: 8px}
#CoreV2-sticky-ann .CoreV2-sticky-btn {
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    height: 26px;
    min-height: 26px;
    flex: 0 0 26px;
    border-radius: 7px}
}
@media  (max-width: 1300px) {
.hosting-container { height: auto; max-height: none; overflow: visible; gap: 16px}
}
/* ============================================================
   21. GENERAL HEADING (genelbaslik)
   ============================================================ */
/* YEDEK genelbaslik-system: 32px / 700 / desc 16px */
@media  (max-width: 768px) {
.genelbaslik-rozet-kapsayici { margin-bottom: 8px}
}
.genelbaslik-baslik {
  position: relative;
  padding-bottom: 6px;
  margin: 0 0 4px}
.genelbaslik[style*="center"] .genelbaslik-baslik::before,
section.genelbaslik[style*="center"] .genelbaslik-baslik::before {
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(to right, transparent, var(--CoreV2-primary), transparent)}
section.genelbaslik[style*="center"] .genelbaslik-baslik::after,
.genelbaslik[style*="center"] .genelbaslik-baslik::after {
  left: 50%;
  transform: translateX(-50%)}
[data-theme="dark"] {
  
  
  
  --faq-card-bg-color: #101218}
.faq-item {
  background: var(--faq-card-bg-color);
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.08);
  border-radius: 12px;
  transition: transform 0.25s ease;
  -webkit-mask-image: radial-gradient(circle 10px at 0% 50%, transparent 98%, black 100%), radial-gradient(circle 10px at 100% 50%, transparent 98%, black 100%);
  -webkit-mask-composite: destination-in;
  mask-image: radial-gradient(circle 10px at 0% 50%, transparent 98%, black 100%), radial-gradient(circle 10px at 100% 50%, transparent 98%, black 100%);
  mask-composite: intersect}
.faq-item:hover { transform: translateY(-2px)}
/* ============================================================
   23. LOGO SLIDER
   ============================================================ */
/* Section arka plan */
.logocarts { position: relative; overflow: hidden}
/* Merkez glow da sayfa bg'ye uyumlu (marka wash yok) */
.logocarts::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 700px; height: 700px;
  background: radial-gradient(circle, rgba(148, 163, 184, 0.08) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0}
html[data-theme="dark"] .logocarts::before,
html[data-theme="dark"] .logocarts::before {
  background: radial-gradient(circle, rgba(148, 163, 184, 0.06) 0%, transparent 70%)}
.logocarts-wrapper { position: relative; z-index: 1}
/* Kart iyileştirme */
[data-theme="dark"] .logocarts-card {
  background: var(--cv2-panel, #0e1119);
  border: none}
[data-theme="dark"] .logocarts-card:hover {
  background:var(--cv2-gradient,var(--CoreV2-primary,var(--cv2-primary)))}
/* Float animasyonu */
@keyframes lc-float {
  0%, 100% { transform: translateY(0px)}
  50%       { transform: translateY(-8px)}
}
.buy-button:hover { transform: scale(1.02); filter: brightness(1.07)}
[data-theme="dark"] .card-price { color: #f1f5f9}
[data-theme="dark"] .card-plan,
[data-theme="dark"] .card-description { color: #94a3b8}
[data-theme="dark"] .card-info { border-color: #334155}
[data-theme="dark"] .check-icon { background: rgba(var(--CoreV2-primary-rgb), 0.1)}
[data-theme="dark"] .btn-team { background: #475569; color: #f1f5f9}
/* ============================================================
   26. CAMPAIGN COUNTDOWN
   ============================================================ */
.CoreV2-campaign-countdown {
  max-width: var(--CoreV2-container-width);
  margin: 28px auto 10px;
  padding: 20px 26px;
  border-radius: 22px;
  background: linear-gradient(120deg, rgba(var(--CoreV2-primary-rgb), 0.12), rgba(var(--CoreV2-primary-rgb), 0.05));
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.22);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px}
.category-tabs-list::-webkit-scrollbar { display: none}
/* ============================================================
   28. FORM CONTROLS
   ============================================================ */
body:not(#muspanel):not(#modernpanel) .form-control {
  font-weight: 500;
  color: var(--cv2-primary);
  border: 1px solid #f2f2f9;
  padding: 1rem 1.2rem;
  height: 58px;
  border-radius: 8px;
  width: 100%;
  transition: all 0.2s ease}
body:not(#muspanel):not(#modernpanel) .form-control:focus { border-color: var(--CoreV2-primary); color: var(--cv2-primary); outline: 0}
body:not(#muspanel):not(#modernpanel) .form-control::placeholder { color: var(--cv2-primary); font-weight: 400}
/* Site butonları — oval/radius tema ayarlarından (radius-button → --cv2-radius-btn, varsayilan 14) */
.btn,
a.btn,
button.btn,
input[type="submit"].btn,
input[type="button"].btn {
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
    font-weight: var(--fw-button, 600)}
.btn { transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease; width: fit-content}
.btn-main:hover { opacity: 0.9; transform: translateY(-1px)}
/* ============================================================
   29. MOBILE HEADER
   ============================================================ */
.CoreV2-mobile-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start}
.CoreV2-mobile-actions {
  display: flex;
  align-items: center;
  gap: 7px}
.CoreV2-mobile-action {
  width: 38px;
  height: 38px;
  background: rgba(255,255,255,0.15);
  border: none;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  position: relative;
  cursor: pointer;
  transition: background 0.22s ease;
  flex-shrink: 0;
  padding: 0;
  vertical-align: middle}
.CoreV2-mobile-action:hover { background: rgba(255,255,255,0.25)}

/* Dark mode: drawer theme toggle sun/moon icon swap */

.CoreV2-mobile-login:hover { filter: brightness(1.08)}
.CoreV2-mobile-register:hover { background: rgba(var(--CoreV2-primary-rgb),.08)}

[data-theme="dark"] .CoreV2-mobile-register {
    background: rgba(255,255,255,0.06);
    color: #e2e8f0;
    border-color: rgba(255,255,255,0.12)}

li.has-dynamic-color .CoreV2-dropdown-icon {
  background-color: var(--menu-item-bg-color, var(--CoreV2-primary-light));
  color: var(--menu-item-color, var(--CoreV2-primary))}

/* ============================================================
   34. RESPONSIVE — DESKTOP NAV SHOW/HIDE
   ============================================================ */
@media  screen and (max-width: 991px) {
:root { --CoreV2-topbar-height: 0; --CoreV2-header-height: 0}
}
/* ============================================================
   37. ANIMATIONS
   ============================================================ */
@keyframes mp-pulse { 0% { transform: scale(1); opacity: 0.38} 100% { transform: scale(1.5); opacity: 0} }
@keyframes shimmer { 0%, 100% { background-position: 0 50%} 50% { background-position: 100% 50%} }
@keyframes gradientShift { 0% { background-position: 0 50%} 50% { background-position: 100% 50%} 100% { background-position: 0 50%} }
@keyframes wave { 0%, 100% { transform: rotate(-45deg) scale(1)} 50% { transform: rotate(-45deg) scale(1.07)} }
@keyframes theme-fadeInUp { from { opacity: 0; transform: translateY(22px)}}
@keyframes progress-timer { from { stroke-dashoffset: 157}}
@keyframes CoreV2BadgeScale { 0%, 100% { transform: scale(1)} 50% { transform: scale(1.1)} }
@keyframes core-popupmp-fadeOutScale { from { opacity: 1; transform: scale(1)}}
@keyframes core-popup2-banner-fadeIn { }
/* ============================================================
   38. POPUP HIDE/SHOW OVERRIDE (always start hidden)
   ============================================================ */
#core-popupmp-backdrop {
  opacity: 0;
  pointer-events: none}
#core-popupmp-backdrop.core-popupmp-visible {
  opacity: 1;
  pointer-events: auto}
#core-popup2-banner-backdrop {
  display: none;
  visibility: hidden}
#core-popup2-banner-backdrop.visible {
  display: flex;
  visibility: visible}
.CoreV2-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    opacity: 0;
    visibility: hidden;
    transition: all var(--CoreV2-transition-normal) ease
}
.CoreV2-modal.active {
    opacity: 1;
    visibility: visible
}
.CoreV2-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    cursor: pointer;
    animation: CoreV2FadeIn var(--CoreV2-transition-normal) ease
}
.CoreV2-modal-content {
    position: relative;
    background-color: var(--CoreV2-card);
    border-radius: 20px;
    width: 90%;
    max-width: 480px;
    max-height: 90vh;
    overflow-y: auto;
    transform: translateY(20px);
    transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1);
    z-index: 1101;
    border: 1px solid var(--CoreV2-border)}
.CoreV2-modal.active .CoreV2-modal-content {
    transform: translateY(0);
    animation: CoreV2ZoomIn var(--CoreV2-transition-normal) ease
}
@keyframes CoreV2ZoomIn {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(30px)
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}
.CoreV2-modal-title {
    font-size: var(--CoreV2-font-size-lg);
    color: var(--CoreV2-text-primary);
    font-weight: 600;
    margin: 0
}
.CoreV2-modal-close {
    width: 36px;
    height: 36px;
    border-radius: var(--CoreV2-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--CoreV2-transition-normal) ease;
    background-color: var(--CoreV2-card-hover);
    color: var(--CoreV2-text-secondary)
}
.CoreV2-modal-close:hover {
    background-color: var(--CoreV2-danger);
    color: white;
    transform: rotate(90deg)
}
.CoreV2-modal-body {
    padding: 20px}
.CoreV2-modal-subtitle {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--CoreV2-text-secondary)}
.CoreV2-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px}
.CoreV2-grid-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1.5px solid var(--CoreV2-border);
    background: var(--CoreV2-card);
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease;
    cursor: pointer}
.CoreV2-grid-item:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.04);
    transform: translateY(-1px)}
.CoreV2-grid-item.active {
    border-color: var(--CoreV2-primary);
    background: rgba(var(--CoreV2-primary-rgb), 0.08)}
.CoreV2-grid-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--CoreV2-primary-rgb), 0.06)}
.CoreV2-grid-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px}
.CoreV2-grid-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0}
.CoreV2-grid-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--CoreV2-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis}
.CoreV2-grid-subtitle {
    font-size: 11px;
    color: var(--CoreV2-text-secondary)}
.CoreV2-currency-symbol {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(var(--CoreV2-primary-rgb), 0.1);
    color: var(--CoreV2-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    flex-shrink: 0}
[data-theme="dark"] .CoreV2-grid-item {
    background: rgba(255,255,255,0.03);
    border-color: rgba(255,255,255,0.08)}
[data-theme="dark"] .CoreV2-grid-item.active {
    background: rgba(var(--CoreV2-primary-rgb), 0.12);
    border-color: var(--CoreV2-primary)}
[data-theme="dark"] .CoreV2-grid-item:hover{
    background: rgba(var(--CoreV2-primary-rgb), 0.12)}
/* ============================================================
   END OF STYLESHEET
   ============================================================ */
/* ============================================================
   BANNER (core-popup2-banner) — popup2 only
   ============================================================ */
/* ============================================================
   BANNER (core-popup2-banner)
   ============================================================ */
@keyframes core-popup2-banner-fadeIn {
    from { opacity: 0; transform: translateY(22px) }
    to   { opacity: 1; transform: translateY(0) }
}
@keyframes core-popup2-banner-fadeOut {
    from { opacity: 1; transform: scale(1) }
    to   { opacity: 0; transform: scale(0.97) }
}
@keyframes core-popup2-banner-tick {
    0%   { opacity: 0.4; transform: translateY(6px) }
    100% { opacity: 1;   transform: translateY(0) }
}
@keyframes core-popup2-banner-rotate {
    from { transform: rotate(0deg) }
    to   { transform: rotate(360deg) }
}
.core-popup2-banner__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(8, 5, 20, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease
}
.core-popup2-banner {
    position: relative;
    display: flex;
    width: min(960px, 100%);
    background: #ffffff;
    border-radius: 22px;
    
    overflow: hidden;
    visibility: hidden;
    transform: translateY(22px);
    transition: box-shadow 0.4s ease
}
.core-popup2-banner.visible {
    visibility: visible;
    animation: core-popup2-banner-fadeIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards
}
.core-popup2-banner.closing {
    animation: core-popup2-banner-fadeOut 0.35s ease forwards
}
.core-popup2-banner__content {
    position: relative;
    flex: 1;
    padding: 44px 32px 44px 52px;
    text-align: left;
    z-index: 2
}
.core-popup2-banner__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-image: linear-gradient(135deg, var(--coretema-primary) 0%, var(--coretema-primary) 100%);
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.03em;
    padding: 6px 14px;
    border-radius: 30px;
    margin-bottom: 20px
}
.core-popup2-banner__title {
    font-size: clamp(24px, 3.5vw, 34px);
    font-weight: 700;
    color: var(--core-popup2-text);
    margin: 0 0 12px;
    line-height: 1.2
}
.core-popup2-banner__description {
    font-size: 15px;
    color: var(--core-popup2-muted);
    line-height: 1.65;
    margin: 0 0 28px;
    max-width: 440px
}
.core-popup2-banner__countdown {
    margin-bottom: 32px
}
.core-popup2-banner__countdown-blocks {
    display: flex;
    gap: 10px;
    align-items: center
}
.core-popup2-banner__countdown-block {
    text-align: center
}
.core-popup2-banner__countdown-value {
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: var(--core-popup2-primary);
    background: var(--core-popup2-light-bg);
    border: 1px solid rgba(var(--core-popup2-primary-rgb), 0.12);
    border-radius: 10px;
    padding: 7px 11px;
    min-width: 38px;
    margin-bottom: 5px
}
.core-popup2-banner__countdown-unit {
    display: block;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--core-popup2-muted)
}
.core-popup2-banner__cta {
    display: inline-block;
    text-decoration: none;
    background-image: linear-gradient(135deg, var(--coretema-primary) 0%, var(--coretema-primary) 100%);
    background-size: 200% auto;
    color: #ffffff;
    border: none;
    padding: 15px 32px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-position 0.4s ease, transform 0.2s ease, box-shadow 0.2s ease
}
.core-popup2-banner__cta:hover {
    background-position: right center;
    transform: translateY(-2px)}
.core-popup2-banner__coupon {
    margin-top: 22px;
    max-width: 300px;
    background: rgba(var(--coretema-primary-rgb), 0.06);
    border: 1.5px dashed rgba(var(--coretema-primary-rgb), 0.28);
    border-radius: 14px;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s
}
.core-popup2-banner__coupon:hover {
    background: rgba(var(--coretema-primary-rgb), 0.09)}
.core-popup2-banner__coupon p {
    margin: 0;
    color: var(--core-popup2-muted);
    font-size: 13px
}
.core-popup2-banner__coupon p strong {
    color: var(--core-popup2-primary);
    font-size: 15px;
    font-weight: 700;
    margin-left: 8px;
    letter-spacing: 0.04em
}
.core-popup2-banner__coupon-icon {
    width: 18px;
    height: 18px;
    stroke: var(--core-popup2-muted);
    flex-shrink: 0
}
.core-popup2-banner__copy-feedback {
    position: absolute;
    bottom: 88px;
    left: 52px;
    background: #1a1625;
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    white-space: nowrap;
    z-index: 30;
    pointer-events: none
}
.core-popup2-banner__image-wrapper {
    flex-basis: 38%;
    position: relative;
    overflow: hidden;
    clip-path: path("M 60 0 H 500 V 600 H 60 C 20 540 0 420 0 300 C 0 180 20 60 60 0 Z");
    min-height: 300px
}
.core-popup2-banner__background-blobs {
    position: absolute;
    inset: 0;
    opacity: 0.45;
    filter: blur(22px);
    animation: core-popup2-banner-rotate 40s linear 1
}
.core-popup2-banner__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.core-popup2-banner__image-wrapper:hover img {
    transform: scale(1.05)
}
.core-popup2-banner__close-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: none;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    font-size: 18px;
    color: #1a1625;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.30);
    transition: background 0.2s, transform 0.2s;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center}
.core-popup2-banner__close-btn:hover {
    background: rgba(255, 255, 255, 0.30);
    transform: scale(1.08)
}
/* Bildirim — YEDEK amber/sarı (sepet primary kalır) */
[data-theme="dark"] .CoreV2-cart-btn {
    background: rgba(var(--CoreV2-primary-rgb), 0.15)}
[data-theme="dark"] .CoreV2-count-badge {
    border: none}
html[data-theme="dark"] body .CoreV2-count-badge {
    border: none}
.CoreV2-theme-switcher:hover {
    background: rgba(255,255,255,0.25)}
[data-theme="dark"] .CoreV2-theme-switcher {
    background: rgba(255,255,255,0.15);
    border: none;
    color: #ffffff}
[data-theme="dark"] .CoreV2-theme-switcher:hover {
    background: rgba(255,255,255,0.25)}
[data-theme="dark"] .CoreV2-theme-switcher svg {
    stroke: #ffffff;
    color: #ffffff}
[data-theme="dark"] .CoreV2-theme-icon.sun {
    display: none}
[data-theme="dark"] .CoreV2-theme-icon.moon {
    display: block}
[data-theme="dark"] .CoreV2-mobile-theme-btn .theme-icon-sun { display: none}
[data-theme="dark"] .CoreV2-mobile-theme-btn .theme-icon-moon { display: block}
.CoreV2-mobile-action svg { width: 20px; height: 20px; flex-shrink: 0}
@keyframes snbSpin {
    to {
        transform: rotate(360deg)}
}
[data-theme="dark"] #wrapper {
    background-color: transparent;
    background-image: none}
[data-theme="dark"] .main-wrapper {
    background-color: transparent;
    background-image: none}
[data-theme="dark"] .page-wrapper {
    background-color: transparent;
    background-image: none}
[data-theme="dark"] .rightcontent {
    background-color: transparent;
    color: var(--text-secondary, #cbd5e1)}
[data-theme="dark"] .CoreV2-container {
    color: var(--text-primary, #f1f5f9)}
[data-theme="dark"] h1, [data-theme="dark"] h2,
[data-theme="dark"] h3, [data-theme="dark"] h4,
[data-theme="dark"] h5, [data-theme="dark"] h6 {
    color: #f1f5f9}
[data-theme="dark"] p { color: #cbd5e1}
html[data-theme="dark"] .card,
[data-theme="dark"] .card {
    background: var(--cv2-surface-card, var(--bg-card, #171F2E));
    background-image: none;
    border-color: var(--border-color, rgba(255, 255, 255, 0.08));
    color: var(--text-secondary, #cbd5e1)}
html[data-theme="dark"] .panel,
[data-theme="dark"] .panel {
    background: var(--cv2-surface-card, var(--bg-card, #171F2E));
    background-image: none;
    border-color: var(--border-color, rgba(255, 255, 255, 0.08));
    color: var(--text-secondary, #cbd5e1)}
html[data-theme="dark"] .well,
[data-theme="dark"] .well {
    background: var(--cv2-surface-card, var(--bg-card, #171F2E));
    background-image: none;
    border-color: var(--border-color, rgba(255, 255, 255, 0.08));
    color: var(--text-secondary, #cbd5e1)}
[data-theme="dark"] .card-body {
    color: var(--text-secondary, #cbd5e1)}
[data-theme="dark"] .panel-body {
    color: var(--text-secondary, #cbd5e1)}
[data-theme="dark"] .card-footer {
    background: rgba(255, 255, 255, 0.02);
    border-color: var(--border-color)}
[data-theme="dark"] .panel-footer {
    background: rgba(255, 255, 255, 0.02);
    border-color: var(--border-color)}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #64748b}
[data-theme="dark"] label {
    color: #94a3b8}
[data-theme="dark"] .table,
[data-theme="dark"] table {
    color: #cbd5e1}
[data-theme="dark"] .table th,
[data-theme="dark"] table th {
    background: rgba(255, 255, 255, 0.04);
    color: #f1f5f9;
    border-color: rgba(255, 255, 255, 0.07)}
[data-theme="dark"] .table td,
[data-theme="dark"] table td {
    border-color: rgba(255, 255, 255, 0.05);
    color: #cbd5e1}
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.02)}
[data-theme="dark"] .btn-default,
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-outline-secondary {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: #e2e8f0}
[data-theme="dark"] .btn-default:hover,
[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff}
[data-theme="dark"] .btn-light {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: #e2e8f0}
[data-theme="dark"] .alert {
    border-color: rgba(255, 255, 255, 0.08);
    color: #e2e8f0}
[data-theme="dark"] .alert-info    { background: rgba(var(--cv2-primary-rgb), 0.12)}
[data-theme="dark"] .alert-success { background: rgba(var(--cv2-primary-rgb), 0.12)}
[data-theme="dark"] .alert-warning { background: rgba(var(--cv2-primary-rgb), 0.12)}
[data-theme="dark"] .alert-danger  { background: rgba(var(--cv2-primary-rgb), 0.12)}
[data-theme="dark"] .badge { opacity: 0.9}
[data-theme="dark"] hr { border-color: rgba(255, 255, 255, 0.07)}
[data-theme="dark"] .breadcrumb {
    background: rgba(255, 255, 255, 0.03)}
[data-theme="dark"] .pagination .page-link {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
    color: #cbd5e1}
[data-theme="dark"] .pagination .page-item.active .page-link {
    background:var(--cv2-gradient,var(--CoreV2-primary));
    border-color: var(--CoreV2-primary);
    color: #ffffff}
[data-theme="dark"] .pagination .page-link:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.15);
    color: var(--CoreV2-primary)}
[data-theme="dark"] .modal-content {
    background: #101218;
    border-color: rgba(255, 255, 255, 0.08);
    color: #e2e8f0}
[data-theme="dark"] .modal-footer {
    border-color: rgba(255, 255, 255, 0.07)}
[data-theme="dark"] .modal-title { color: #f1f5f9}
[data-theme="dark"] .close, [data-theme="dark"] .btn-close {
    color: #94a3b8;
    opacity: 0.8}
[data-theme="dark"] .list-group-item {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.06);
    color: #cbd5e1}
[data-theme="dark"] .list-group-item:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.06)}

[data-theme="dark"] .CoreV2-mobile-action {
    color: rgba(255, 255, 255, 0.9)}
[data-theme="dark"] .CoreV2-mobile-badge {
    background: var(--cv2-danger);
    color: #ffffff}
.CoreV2-mobile-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 17px;
    width: auto;
    height: 17px;
    padding: 0 3px;
    background: var(--cv2-danger);
    color: #ffffff;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    border: none;
    z-index: 10;
    pointer-events: none}
.ws-product-carousel-container .ws-carousel-controls{
    visibility: visible}
[data-theme="dark"] .wclientblockscon {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-secondary)}
[data-theme="dark"] .rightcontent .card {
    background: var(--bg-card);
    border-color: var(--border-color)}
[data-theme="dark"] input[type="checkbox"],
[data-theme="dark"] input[type="radio"] {
    accent-color: var(--CoreV2-primary)}
[data-theme="dark"] ::-webkit-scrollbar { width: 8px; height: 8px}
[data-theme="dark"] ::-webkit-scrollbar-track { background: #0e1119}
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #475569}
[data-theme="dark"] .card,
[data-theme="dark"] .card-body {
    background: #1e293b;
    border-color: rgba(255,255,255,0.07);
    color: #e2e8f0}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.15)}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-name,[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-subtitle{
    color: #f1f5f9}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .current-price {
    color: #f1f5f9}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .billing-cycle {
    color: #64748b}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .old-price {
    color: #64748b}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-detail {
    border-color: rgba(var(--cv2-primary-rgb),0.1)}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-item {
    color: #cbd5e1}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-icon,
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-check {
    color: var(--CoreV2-primary)}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-head {
    border-color: rgba(var(--cv2-primary-rgb),0.1)}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box {
    background: rgba(var(--CoreV2-primary-rgb), 0.1);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.18)}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box .feature-value {
    color: #f1f5f9}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box .feature-label {
    color: #94a3b8}
[data-theme="dark"] .vertical--packs .pack.pack-popular {
    background: var(--CoreV2-primary-gradient);
    border-color: transparent}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-name{
    color: #ffffff}
[data-theme="dark"] .vertical--packs .pack.pack-popular .current-price {
    color: #ffffff}
[data-theme="dark"] .vertical--packs .pack.pack-popular .billing-cycle {
    color: rgba(255,255,255,0.8)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-subtitle{
    color: rgba(255,255,255,0.8)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-item {
    color: rgba(255,255,255,0.9)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-icon,
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-check {
    color: #ffffff}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-detail {
    border-color: rgba(255,255,255,0.15)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-box {
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.2)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-box .feature-value {
    color: #ffffff}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-box .feature-label {
    color: rgba(255,255,255,0.75)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .btn-main:hover {
    background: rgba(255,255,255,0.92)}
[data-theme="dark"] .CoreV2info-item {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.2)}
[data-theme="dark"] .CoreV2info-item:hover {
    background: rgba(255,255,255,0.2)}
[data-theme="dark"] .CoreV2info-icon {
    background: #ffffff}
[data-theme="dark"] .CoreV2info-label {
    color: rgba(255,255,255,0.8);
    opacity: 1}
[data-theme="dark"] .coreservercard-back-price-amount {
    color: #f1f5f9}
[data-theme="dark"] #CoreV2rticle-section {
    background: transparent}
[data-theme="dark"] .CoreV2rticle-content-scroll h2,
[data-theme="dark"] .CoreV2rticle-content-scroll h3 {
    color: #f1f5f9}
[data-theme="dark"] .logocarts-section,
[data-theme="dark"] .logocarts-wrapper {
    background: transparent}
[data-theme="dark"] .main-service-section {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.12)}
[data-theme="dark"] .service-card {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.12)}
[data-theme="dark"] .service-card:hover {
    background: #1e293b}
[data-theme="dark"] .service-card-title {
    color: #f1f5f9}
[data-theme="dark"] .service-card-desc {
    color: #94a3b8}

[data-theme="dark"] footer,
[data-theme="dark"] .main-footer {
    background: #0b0f1a;
    border-top-color: rgba(255,255,255,0.06)}
[data-theme="dark"] .footer-copyright {
    color: #64748b}
/* ============================================================
   THEME TRANSITION — FOUC ÖNLEME
   Sayfa ilk yüklenirken flash olmadan tema uygulanır
   Toggle'da smooth geçiş için transition eklenir
   ============================================================ */
.theme-transitioning *,
.theme-transitioning *::before,
.theme-transitioning *::after {
    transition: background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease;
    animation: none}
.dark-background-wrapper {
    isolation: isolate}
/* ══════════════════════════════════════════════════════════
   GLOBAL PAGE SCROLLBAR
   ══════════════════════════════════════════════════════════ */
html {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--cv2-primary-rgb), .35) rgba(var(--cv2-primary-rgb), .05)}
html::-webkit-scrollbar { width: 6px}
html::-webkit-scrollbar-track { background: rgba(var(--cv2-primary-rgb), .04)}
html::-webkit-scrollbar-thumb {
    background: rgba(var(--cv2-primary-rgb), .32);
    border-radius: 99px}
html::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--cv2-primary-rgb), .58)}
[data-theme="dark"] html,
[data-theme="dark"] {
    scrollbar-color: rgba(var(--cv2-primary-rgb), .4) rgba(255,255,255,.04)}
[data-theme="dark"] html::-webkit-scrollbar-track { background: rgba(255,255,255,.04)}
[data-theme="dark"] html::-webkit-scrollbar-thumb { background: rgba(var(--cv2-primary-rgb), .38)}
[data-theme="dark"] html::-webkit-scrollbar-thumb:hover { background: rgba(var(--cv2-primary-rgb), .6)}

.cv2-select-trigger.open {
    border-radius: 12px 12px 0 0;
    border-color: var(--CoreV2-primary, var(--cv2-primary))}
.cv2-select-trigger.open .cv2-select-arrow { transform: rotate(180deg)}
.cv2-select-panel.open { display: block}
.cv2-select-panel::-webkit-scrollbar { width: 4px}
.cv2-select-panel::-webkit-scrollbar-track { background: transparent}
.cv2-select-panel::-webkit-scrollbar-thumb { background: rgba(var(--cv2-primary-rgb),.3); border-radius: 99px}
.cv2-select-panel::-webkit-scrollbar-thumb:hover { background: rgba(var(--cv2-primary-rgb),.55)}
.cv2-select-option:hover { background: rgba(var(--cv2-primary-rgb),.07); color: var(--CoreV2-primary, var(--cv2-primary))}
.cv2-select-option.selected { background: rgba(var(--cv2-primary-rgb),.10); color: var(--CoreV2-primary, var(--cv2-primary)); font-weight: 600}
[data-theme="dark"] .cv2-select-trigger { background: #1e293b; border-color: rgba(255,255,255,.12); color: #e2e8f0}
[data-theme="dark"] .cv2-select-panel { background: #1e293b}
[data-theme="dark"] .cv2-select-option { border-bottom-color: rgba(255,255,255,.06); color: #cbd5e1}
[data-theme="dark"] .cv2-select-option:hover { background: rgba(var(--cv2-primary-rgb),.12)}
/* ============================================================
   MOBİL PERFORMANS OPTİMİZASYONU
   Gereksiz animasyonları ve ağır efektleri mobilde kapat
   ============================================================ */
@media  (max-width: 991px) {
/* Gradient animasyonları mobilde kapat */
@keyframes gradientShift { 0%, 100% { background-position: 0 50%} }
@keyframes shimmer { 0%, 100% { background-position: 0 50%} }
/* Ağır box-shadow'ları hafiflet */
}
.cv2-theme-pill:hover {
    background: rgba(var(--cv2-primary-rgb), 0.08)}
[data-theme="dark"] .cv2-theme-pill:hover {
    background: rgba(255,255,255,0.06)}
[data-theme="dark"] .cv2-theme-pill__track {
    background: rgba(255,255,255,0.07);
    border-color: rgba(255,255,255,0.12)}
.cv2-theme-pill__track::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none}
[data-theme="dark"] .cv2-theme-pill__thumb {
    transform: translateX(28px);
    background: #f1f5f9}
[data-theme="dark"] .cv2-theme-pill__sun {
    opacity: 0;
    transform: scale(0.4) rotate(45deg)}
[data-theme="dark"] .cv2-theme-pill__moon {
    opacity: 1;
    transform: scale(1) rotate(0deg)}
/* ============================================================
   DOMAIN SEARCH SECTION - HOME PAGE
   ============================================================ */
/* CD Slider Wrapper — tema kart radius */
/* Transfer butonu (ilk item) - Sis/blur efekti */
/* Mobile Responsive */
/* Dark Mode Support */
[data-theme="dark"] .input-icon-wrapper::after {
    background: rgba(255, 255, 255, 0.15)}
/* ============================================================
   PAKET KARTLARI - BOŞLUK AZALTMA & POPÜLER ETİKETİ DÜZELTME
   ============================================================ */
/* 2. Popüler etiket — yarı içeride yarı dışarıda */
/* 3. Satın Al butonu üst boşluğu azalt (16px -> 8px) */
/* 5. Grid kolonları arası boşluk azalt */
/* 6. Özellik kutuları arası boşluk azalt */
/* 7. Pack head (başlık alanı) padding azalt */
/* 8. Fiyat alanı boşluğu azalt */
/* 9. Resim alanı yüksekliği azalt (115px -> 90px) */
/* Homepage: alt her slide’da tutarlı — cover + bottom hizası */
@media  (min-width: 901px) {

body#home .hosting-container {
        height: 380px}

/* CTA = özellik kartları; özellik↔CTA Yedek 16px */

}
/* CoreV2 home slider timer row — prev | progress | next | preview */

/* slider-cta-row: butonlar her zaman yan yana, esit boyut */
/* <=360px: butonlar alt alta */
/* MASTER OVERRIDE END */
/* ================================================================
   FINAL LOCK v0.2.195 — foot dikey denge (Yedek mantığı)
   özellikler yukarı + üst/alt boşluk eşit; özellik↔CTA 16px
   ================================================================ */
@media  (min-width: 901px) {

/* Yedek dengesi: kalan alan üst/alt eşit pay — foot dibe yapışmaz */

}
/* ================================================================
   FINAL LOCK v0.2.197 — mobile slider-main FULL WIDTH background
   + v0.2.196 roomy CTA / sticky / box-wide
   ================================================================ */
@media  (max-width: 991px) {
/* Arka plan paneli dar kalmasın — kenar boşluğu düşük, full width */
body .hosting-container,
  body#home .hosting-container {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box}

/* Slider: dar/sıkışık desktop 44px kilitleri kır */

/* Sticky ann — üst boşluk yok */
body #CoreV2-sticky-ann-wrapper {
    margin: 8px 12px 10px}
body #CoreV2-sticky-ann {
    border-radius: 16px}
body .CoreV2-sticky-hub {
    padding: 5px 8px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18)}
body .CoreV2-sticky-coupon {
    min-height: 24px;
    padding: 2px 6px;
    font-size: 8.5px;
    border-radius: 8px}
body .CoreV2-sticky-coupon strong {
    font-size: 9.5px}
/* box-wide: yan ışık + siyah sis yok */
}
@media  (max-width: 768px) {
body #CoreV2-sticky-ann-wrapper {
    margin: 6px 10px 10px}

}
@media  (max-width: 900px) {
/* max-900 master override 10px/7px4px eziyor — geri al */

}
/* ================================================================
   FINAL LOCK v0.2.198 — Yedek CTA frame + theme button radius
   ================================================================ */
/* Her buton kendi kuralı — tema radius (tek tek) */

.CoreV2-sticky-btn { border-radius: var(--cv2-radius-btn, 50px)}
.CoreV2-sticky-coupon { border-radius: var(--cv2-radius-btn, 50px)}
.CoreV2-sticky-copy { border-radius: var(--cv2-radius-btn, 50px)}
/* v0.2.338 — BOM GAP KILL: topbar viewport top=0 (DP 26px thrash) */
html, body {
  margin: 0;
  margin-top: 0;
  padding: 0;
  padding-top: 0;
  border: 0}
/* body öncesi/sonrası pseudo boşluk yok */
html::before, html::after, body::before, body::after {
  content: none;
  display: none;
  margin: 0;
  padding: 0;
  height: 0}
body > .selectLangCurrency,
body > #selectLang,
body > #selectCurrency {
  display: none;
  position: fixed;
  height: 0;
  width: 0;
  overflow: hidden;
  margin: 0;
  padding: 0}
/* Sticky duyuru üst margin BOM’a eklenmesin */
:not(#muspanel):not(#modernpanel) #CoreV2-sticky-ann-wrapper {
  margin-top: 0}
@media  (max-width: 991px) {
body:not(#muspanel):not(#modernpanel) #CoreV2-sticky-ann-wrapper:not(.CoreV2-sticky-hide) {
    margin-top: 0;
    margin-bottom: 10px}
.CoreV2-mobile-header { top: 0}
}
/* ============================================================
   v0.2.235 — slider-left: siyah gölge YOK
   ============================================================ */

.highlight{
  border: 1px dashed rgba(var(--CoreV2-primary-rgb,99,91,255),0.45);
  border-radius: var(--cv2-radius-btn, 10px);
  padding: 1px 8px;
  display: inline-block}
.CoreV2paktsb-price, .CoreV2paktsb-price .amount_spot_view, .CoreV2paktsb-price .amount_spot_view * {
  font-size: 22px; font-weight: 700; line-height: 1}
.CoreV2paktsb-period { font-size: 11px; font-weight: 600; text-transform: uppercase}
/* CoreV2 performance + price stability fix 2026-07-10 */
/* v0.2.448 — gece modu çerçeveler: açık gri/beyaz kenarlıkları koyu yüzeye çek */
html[data-theme="dark"],
html[data-theme="dark"] {
  --CoreV2-border: #2A3448;
  --cd-border: rgba(148, 163, 184, 0.22);
  --cd-border-md: rgba(148, 163, 184, 0.30);
  
  
  
--cd-surface: #171F2E;
  --cd-surface-2: #111827;
  --cd-text: #F8FAFC}
html[data-theme="dark"] body,
html[data-theme="dark"] body {
  background: var(--cv2-surface, #0B0F19);
  color: var(--cv2-text, #94A3B8)}
html[data-theme="dark"] table,
html[data-theme="dark"] table,
html[data-theme="dark"] .table,
html[data-theme="dark"] .table {
  background: transparent;
  color: var(--cv2-text, #94A3B8)}
html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tbody > tr > td {
  border-color: rgba(148, 163, 184, 0.16);
  background: transparent;
  color: inherit}
html[data-theme="dark"] footer.CoreV2-footer,html[data-theme="dark"] footer.CoreV2-footer{
  background: #0d1117;
  border-top-color: rgba(148, 163, 184, 0.16)}
/* === Hizalama: tüm bölümler aynı sağ/sol boşlukta (container ile aynı hiza) === */
div#CoreV2-sticky-ann-wrapper#CoreV2-sticky-ann-wrapper{width:100%;max-width:var(--cv2-shell-max);margin-inline:auto;padding-inline:var(--cv2-page-gutter);box-sizing:border-box}
div#CoreV2-sticky-ann-wrapper div#CoreV2-sticky-ann#CoreV2-sticky-ann{width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}
@media  (max-width:767px){
div#CoreV2-sticky-ann-wrapper#CoreV2-sticky-ann-wrapper{margin-inline:auto;padding-inline:var(--cv2-page-gutter)}
}
/* === Akıcılık: mobilde pahalı bulanıklığı kapat, ekran dışındaki bölümleri tembel çiz === */
@media  (max-width:991px),(pointer:coarse){
*,*::before,*::after{-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* ===== [5/6] cekirdek (Temel yerlesim ve ortak kurallar)
 * KAYNAK: assets/css/core/layout/content-shell.css ===== */
/* CoreV2 content-shell.css
 * Ortak yerlesim (genislik) sistemi — tek kaynak.
 * Kural: bu dosyada "body" on eki ve kullanilmaz.
 */

:root {
  --cv2-shell-max: var(--CoreV2-container-width, 1300px);
  --cv2-page-gutter: clamp(10px, 1vw, 24px);
  --cv2-shell-gutter: var(--cv2-page-gutter);
  --cv2-shell-gutter-mobile: var(--cv2-page-gutter)}

/* Ortak kabuk: icerik + sekme + paket + editorial sayfalar */
.miotab-contents.content-wrapper,
.corev2-pack-wrapper,
.ref-outer,
.ys-page-wrapper,
.kb-wrap,
.kbd-wrap,
.sw-page {
  width: 100%;
  max-width: min(100%, var(--cv2-shell-max));
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--cv2-shell-gutter);
  padding-right: var(--cv2-shell-gutter);
  box-sizing: border-box}

.cv2-page-sections {
  width: 100%;
  max-width: var(--cv2-shell-max);
  margin-inline: auto;
  padding-inline: var(--cv2-page-gutter);
  box-sizing: border-box;
  min-width: 0}

.cv2-page-sections .cd-extra-html {
  overflow-wrap: anywhere}

.miotab-contents.content-wrapper {
  overflow-wrap: break-word}

.corev2-pack-wrapper {
  clear: both;
  position: relative;
  overflow-x: clip;
  overflow-y: visible}

/* Kenar boslugunu yalnizca dis .corev2-pack-wrapper verir */
.corev2-pack-wrapper .miotab-contents.content-wrapper {
  padding-left: 0;
  padding-right: 0}

.corev2-pack-wrapper .miotab-content,
.products_list,
.tablopaketler,
.corecartpkts-wrapper,
.corecartpkts-container,
.corev2-pack-wrapper .corev2-pack-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box}

.corev2-pack-wrapper .miotab-content,
.tablopaketler,
.corecartpkts-wrapper,
.corecartpkts-container,
.corev2-pack-wrapper .corev2-pack-wrapper {
  margin-left: 0;
  margin-right: 0}

.tablopaketler,
.corecartpkts-wrapper,
.corecartpkts-container,
.corev2-pack-wrapper .corev2-pack-wrapper {
  padding-left: 0;
  padding-right: 0}

/* Kategori sayfalari: en distaki paket kabugu (#wrapper > .tablopaketler) site kenar boslugunu verir;
   icteki listeler (packs-slider-container, .srvl) site genisliginde ortalanir, ayrica bosluk eklemez. */
#wrapper > .tablopaketler,
#wrapper > .tablopaketler.products_list[id] {
  max-width: 100%;
  padding-left: var(--cv2-page-gutter);
  padding-right: var(--cv2-page-gutter)}

/* Duyuru seridi her sayfada icerik kabuguna hizalanir */
#CoreV2-sticky-ann-wrapper {
  width: 100%;
  max-width: var(--cv2-shell-max);
  margin-inline: auto;
  padding-inline: var(--cv2-page-gutter);
  box-sizing: border-box;
  min-width: 0}

/* Tablet */
@media (max-width: 991px) {
  .miotab-contents.content-wrapper,
  .corev2-pack-wrapper,
  .ref-outer,
  .ys-page-wrapper,
  .kb-wrap,
  .kbd-wrap,
  .sw-page {
    max-width: 100%}
}

/* Mobil */
@media (max-width: 767px) {
  .miotab-contents.content-wrapper,
  .corev2-pack-wrapper,
  .ref-outer,
  .ys-page-wrapper,
  .kb-wrap,
  .kbd-wrap,
  .sw-page {
    padding-left: var(--cv2-shell-gutter-mobile);
    padding-right: var(--cv2-shell-gutter-mobile)}
}

/* ===== [6/6] bilesenler (Ortak bilesenler (butonlar, kartlar, pencereler))
 * KAYNAK: assets/css/components/genelbaslik-system.css ===== */
:root{--gb-title-size:32px;--gb-title-size-mobile:20px;--gb-desc-size:17px;--gb-desc-size-mobile:15px;--gb-desc-line-height:1.55;--gb-dekor-pad:6px}.genelbaslik-baslik,section.genelbaslik.genelbaslik--bare{position:relative;padding-bottom:var(--gb-dekor-pad);margin-bottom:0}.genelbaslik-baslik::after,section.genelbaslik.genelbaslik--bare::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;border-radius:var(--cv2-radius-chip);background:var(--cv2-gradient,var(--CoreV2-primary,var(--color-primary)))}section.genelbaslik.genelbaslik-baslik-sol::after{left:0;transform:none}section.genelbaslik.genelbaslik-baslik-yok::after{display:none;content:none}.genelbaslik-rozet-kapsayici{text-align:center;margin-bottom:6px;width:100%;display:block;line-height:1}.genelbaslik-rozet-kapsayici::before,.genelbaslik-rozet-kapsayici::after{display:none;content:none}.genelbaslik-rozet{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:8px;background:rgba(var(--CoreV2-primary-rgb,59,130,246),0.08);border:none;border-radius:var(--cv2-radius-card);padding:4px 16px 4px 4px;margin:0 auto;max-width:100%;box-sizing:border-box;vertical-align:middle;line-height:1.2;transition:background 0.25s ease,border-color 0.25s ease}.genelbaslik-rozet-ikon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--CoreV2-primary-gradient,var(--CoreV2-gradient-primary,linear-gradient(135deg,var(--CoreV2-primary),color-mix(in srgb,var(--CoreV2-primary) 70%,#fff))));border-radius:var(--cv2-radius-card);padding:5px 11px;font-size:13px;font-weight:600;color:var(--color-on-primary);line-height:1.2;white-space:nowrap;box-sizing:border-box}.genelbaslik-rozet-metin{display:inline;font-size:13px;color:var(--CoreV2-primary);letter-spacing:-0.04em;font-weight:500;white-space:nowrap;line-height:1.2;min-width:0}.genelbaslik-ana-baslik{font-size:var(--gb-title-size);font-weight:700;line-height:1.3;letter-spacing:-0.04em;color:var(--text-primary);margin:8px 0 0;text-align:center}.genelbaslik-vurgu{font-style:italic;font-weight:600;color:transparent;background:var(--color-dual,linear-gradient(90deg,var(--CoreV2-primary,var(--color-primary)),var(--text-primary) 140%));-webkit-background-clip:text;background-clip:text;padding-right:.08em}.genelbaslik-aciklama{font-size:var(--gb-desc-size,17px);line-height:var(--gb-desc-line-height,1.55);color:var(--text-secondary,var(--cv2-text-muted));max-width:640px;margin:0 auto;text-align:center;font-weight:400;display:block}.genelbaslik-baslik,.cv2-title-heading,.title-heading{text-align:center}.cv2-pack-listing-head,.cv2-page-hero-head{width:100%;text-align:center;margin:0 0 12px;padding:0 12px;box-sizing:border-box}.cv2-pack-listing-head .cv2-title-heading,.cv2-page-hero-head .cv2-title-heading,.cv2-pack-listing-head .genelbaslik-baslik,.cv2-page-hero-head .genelbaslik-baslik{width:100%;max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.cv2-pack-listing-head .genelbaslik-ana-baslik,.cv2-page-hero-head .genelbaslik-ana-baslik{text-align:center;width:100%}@media (max-width:768px){.genelbaslik-ana-baslik{font-size:var(--gb-title-size-mobile);white-space:normal;overflow:visible;text-overflow:unset;max-width:100%;line-height:1.25}.genelbaslik-aciklama{font-size:var(--gb-desc-size-mobile,15px);padding:0 8px;line-height:1.5}.cv2-pack-listing-head,.cv2-page-hero-head{padding:0 10px;margin-bottom:10px}}
/*# sourceMappingURL=ikonlar-cekirdek-kritik.f63cd0b7c9.css.map */