:root{
    --bs-primary:#ffb11f;
    --bs-primary-rgb:255,177,31;
    --bs-secondary:#121b28;
    --bs-secondary-rgb:18,27,40;
    --bs-link-color:#ffb11f;
    --bs-link-hover-color:#e19301;
    --theme-primary:#ffb11f;
    --theme-primary-rgb:255,177,31;
    --theme-secondary:#121b28;
    --theme-secondary-rgb:18,27,40;
    --text-color:#64748b;
    --bs-theme-light-100:rgba(18,27,40,.06);
    --bs-theme-light-200:rgba(18,27,40,.12);
    --link-color:#0f172a;
    --link-color-hover:#ffb11f;
    --body-font-family:"Inter",sans-serif;
    --body-font-size:14px;
}

/* ===================== BOOTSTRAP 5 PRIMARY OVERRIDES ===================== */
.btn-primary{color:#fff;background-color:#ffb11f;border-color:#ffb11f}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{color:#fff;background-color:rgba(255,177,31,.85);border-color:rgba(255,177,31,.85)}
.btn-outline-primary{color:#ffb11f;border-color:#ffb11f}
.btn-outline-primary:hover,.btn-outline-primary:active{color:#fff;background-color:#ffb11f;border-color:#ffb11f}
.bg-primary{background-color:#ffb11f !important}
.text-primary{color:#ffb11f !important}
.border-primary{border-color:#ffb11f !important}
a{color:#ffb11f}
a:hover{color:rgba(255,177,31,.8)}

/* ===================== THEME UTILITY CLASSES ===================== */
.bg-theme-primary{background-color:#ffb11f !important}
.bg-theme-secondary{background-color:#121b28 !important}
.text-theme-primary{color:#ffb11f !important}
.text-theme-secondary{color:#121b28 !important}
.text-hover-primary:hover{color:#ffb11f !important}
.border-theme-primary{border-color:#ffb11f !important}
.fill-theme-primary{fill:#ffb11f !important}
.rounded-theme{border-radius:8px}

/* Font size utilities */
.fs-10{font-size:10px !important}.fs-11{font-size:11px !important}.fs-12{font-size:12px !important}
.fs-13{font-size:13px !important}.fs-14{font-size:14px !important}.fs-15{font-size:15px !important}
.fs-16{font-size:16px !important}.fs-17{font-size:17px !important}.fs-18{font-size:18px !important}
.fs-19{font-size:19px !important}.fs-20{font-size:20px !important}.fs-22{font-size:22px !important}
.fs-24{font-size:24px !important}.fs-26{font-size:26px !important}.fs-28{font-size:28px !important}
.fs-30{font-size:30px !important}

/* ===================== BODY ===================== */
body{font-family:"Inter",sans-serif;font-size:14px;line-height:1.6;color:#64748b;margin:0;padding:0;overflow-x:hidden;background-color:#fff}
h1,h2,h3,h4,h5,h6{font-family:"Inter",sans-serif;color:#0f172a;line-height:1.3}
p{line-height:1.7;color:#64748b}
img{max-width:100%}

/* ===================== HEADER ===================== */
#fon-header{position:relative;z-index:999;background:#121b28;transition:all .3s ease}
#fon-header .header-1{background:#121b28}
.header-1 .container-inner{padding:0}
.header-1 .logo img{max-height:65px;width:auto}
.header-1.header-fixed{position:fixed;top:0;left:0;right:0;box-shadow:0 5px 20px rgba(0,0,0,.15);animation:slideDown .3s ease}
@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.header-1.header-fixed .logo img{max-height:45px}
.header-1.header-fixed #top-bar{display:none}
#top-bar{background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;padding:6px 15px}
#top-bar a{color:rgba(255,255,255,.8);text-decoration:none;padding:4px 8px;display:inline-flex;align-items:center;gap:4px;transition:color .2s}
#top-bar a:hover{color:#ffb11f}
#top-bar .scmedia a{padding:4px 6px}
.scurrencyicon,.langflagicon{cursor:pointer;color:rgba(255,255,255,.8) !important;font-size:13px;padding:4px 8px}
.top-bar-list .dropdown-menu{font-size:13px;min-width:150px}
.header-container{padding:0 15px;min-height:70px}
.site-menu{list-style:none;margin:0;padding:0;gap:0}
.site-menu .nav-item{position:relative}
.site-menu .nav-link{color:rgba(255,255,255,.9) !important;font-size:15px;font-weight:500;padding:0 16px;line-height:70px;transition:color .2s;white-space:nowrap}
.site-menu .nav-link:hover,.site-menu .nav-item.active>.nav-link{color:#ffb11f !important}
.site-menu .has-child:hover>.nav-link{color:#ffb11f !important}
.site-menu .submenu{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.12);min-width:220px;border-radius:8px;padding:8px 0;z-index:1000;list-style:none;border-top:3px solid #ffb11f}
.site-menu .has-child:hover>.submenu{display:block}
.site-menu .submenu li a{display:block;padding:9px 20px;color:#0f172a;font-size:14px;font-weight:400;transition:all .2s;white-space:nowrap}
.site-menu .submenu li a:hover{color:#ffb11f;background:rgba(255,177,31,.06);padding-left:25px}
.menu_tag{background-color:#dc3545;color:#fff;padding:2px 7px;font-size:11px;border-radius:3px;font-weight:600;position:relative;top:-2px;margin-right:4px}
#sepeticon{color:rgba(255,255,255,.9);font-size:20px;padding:0 25px !important;height:70px;display:flex;align-items:center;position:relative;border-left:1px solid rgba(255,255,255,.1);text-decoration:none;transition:color .2s}
#sepeticon:hover{color:#ffb11f}
.basket-count{background:#ffb11f;border-radius:50%;width:18px;height:18px;position:absolute;top:12px;right:10px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#121b28}
.mobile-menu-toggle{color:rgba(255,255,255,.9);font-size:22px;text-decoration:none;transition:color .2s}
.mobile-menu-toggle:hover{color:#ffb11f}
.mobile-menu li{border-bottom:1px solid #f0f0f0;padding:3px 0}
.mobile-menu li a{display:block;padding:8px 5px;color:#0f172a;font-size:15px;transition:color .2s}
.mobile-menu li a:hover{color:#ffb11f}
.mobile-menu .inner{padding-left:20px}
.mobile-menu .has-child>a{display:flex;justify-content:space-between;align-items:center}

/* ===================== FOOTER ===================== */
.footer{background-color:#121b28;color:rgba(255,255,255,.8)}
.footer a{color:rgba(255,255,255,.75);text-decoration:none;transition:color .2s}
.footer a:hover{color:#ffb11f}
.footer .footer-menu-header{color:#fff;font-size:15px}
.footer .footer-menu-list li a{color:rgba(255,255,255,.7);font-size:13px;padding:4px 0;display:block;transition:color .2s}
.footer .footer-menu-list li a:hover{color:#ffb11f}
.footer .footsosyal a{color:rgba(255,255,255,.7);font-size:16px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;transition:all .2s}
.footer .footsosyal a:hover{color:#121b28;background:#ffb11f;border-color:#ffb11f}
.footer-bottom{background:rgba(0,0,0,.2);color:rgba(255,255,255,.6);font-size:13px}
.footer-bottom a{color:rgba(255,255,255,.6)}
.footer-bottom a:hover{color:#ffb11f}
.footer .ebultentitle,.footer .ebultentext{color:#fff}
.footer-top .btn-secondary{background:#121b28;color:#fff;border-color:#121b28}

/* ===================== FLOATING BUTTONS ===================== */
.floating-buttons{position:fixed;bottom:25px;right:20px;z-index:999;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.btn-floating{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:50px;font-size:14px;font-weight:600;text-decoration:none;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.25);transition:all .3s;white-space:nowrap;max-width:52px;overflow:hidden}
.btn-floating:hover{max-width:300px;color:#fff}
.btn-floating.phone{background:#ffb11f;color:#121b28}
.btn-floating.phone:hover{background:#ffb11f;color:#121b28}
.btn-floating.whatsapp{background:#25d366}
.btn-floating.whatsapp:hover{background:#1ebe5d}
.btn-floating i{font-size:18px;flex-shrink:0}
.btn-floating span{font-size:13px;flex-shrink:0}
.cd-top{width:44px;height:44px;border-radius:50% !important;background:#121b28;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px rgba(0,0,0,.2);cursor:pointer;transition:all .3s}
.cd-top:hover{background:#ffb11f}
.cd-top::after{content:"↑";font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%}

/* ===================== PAGE BUILDER SECTIONS ===================== */
#home .page-section{padding:80px 0}
.section-title{margin-bottom:40px}
.section-title h2{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:10px}
.section-title p{color:#64748b;font-size:15px}
.section-title .separator{width:60px;height:3px;background:#ffb11f;border-radius:3px;margin:12px auto}

/* ===================== WISECP CLIENT AREA ===================== */
#muspanel{background:#f8fafc;min-height:100vh}
#modernpanel{background:#f8fafc}
#wrapper{width:90%;max-width:1200px;margin:0 auto}
.sayfabaslik{padding:20px 0;border-bottom:1px solid #e2e8f0;margin-bottom:25px}
.sayfabaslik h1{font-size:22px;font-weight:600;color:#0f172a;margin:0}
.sayfabaslik a{font-size:13px;color:#64748b}
.headerwhite{height:20px}
.themepreview{position:fixed;bottom:0;left:0;right:0;background:#121b28;color:#fff;padding:12px 20px;z-index:9999;display:flex;align-items:center;justify-content:center;gap:20px;font-size:14px}
.themepreview h5{margin:0;font-size:14px}
.themepreview .lbtn{background:#ffb11f;color:#121b28;padding:6px 16px;border-radius:6px;text-decoration:none;font-weight:600}

/* Form elements */
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
select,textarea{font-family:"Inter",sans-serif;font-size:14px;line-height:1.5;color:#0f172a;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;background:#fff;outline:none}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):focus,
select:focus,textarea:focus{border-color:#ffb11f;box-shadow:0 0 0 3px rgba(255,177,31,.15)}
textarea{resize:vertical;min-height:100px}
::-webkit-input-placeholder{color:#94a3b8}
::-moz-placeholder{color:#94a3b8}
::placeholder{color:#94a3b8}
.zorunlu{color:#ef4444;font-weight:700}
.notice{color:#f59e0b;font-weight:600;display:inline-block}
.error{color:#ef4444;font-weight:600}
.complete{color:#10b981;font-weight:600;display:inline-block}
.red-info{display:inline-block;width:100%;color:#ef4444;border:1px solid #fecaca;background:#fef2f2;border-radius:8px;padding:10px 15px}
.orange-info{display:inline-block;width:100%;color:#d97706;border:1px solid #fde68a;background:#fffbeb;border-radius:8px;padding:10px 15px}
.green-info{display:inline-block;width:100%;color:#059669;border:1px solid #a7f3d0;background:#ecfdf5;border-radius:8px;padding:10px 15px}
.blue-info{display:inline-block;width:100%;color:#0284c7;border:1px solid #bae6fd;background:#f0f9ff;border-radius:8px;padding:10px 15px}
.gray-info{display:inline-block;width:100%;color:#64748b;border:1px solid #e2e8f0;background:#f8fafc;border-radius:8px;padding:10px 15px}
.green-info i,.red-info i,.blue-info i,.orange-info i{float:left;font-size:40px;margin:0 15px 10px 5px}
.selectalltext{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
.clear{clear:both}

/* Alert/notification styles */
.alert{border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:14px}
.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}
.alert-danger,.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#ef4444}
.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#d97706}
.alert-info{background:#f0f9ff;border:1px solid #bae6fd;color:#0284c7}

/* WiSCP Order/Account pages */
.paketbox,.paket-box,.order-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.05);transition:box-shadow .2s}
.paketbox:hover,.paket-box:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}
.payfiyat,.price-box{font-size:28px;font-weight:700;color:#0f172a}
.payfiyat sup,.price-box sup{font-size:16px;font-weight:500;vertical-align:top;margin-top:8px}
.payfiyat span,.price-box span{font-size:14px;font-weight:400;color:#64748b}
.feature-list{list-style:none;padding:0;margin:15px 0}
.feature-list li{padding:5px 0;font-size:14px;color:#64748b}
.feature-list li::before{content:"✓";color:#ffb11f;font-weight:700;margin-right:8px}
.btn-theme,.btn-block-theme{background:#ffb11f;color:#121b28;border:none;padding:10px 25px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.btn-theme:hover,.btn-block-theme:hover{background:rgba(255,177,31,.85);color:#121b28}
.is-fixed{position:fixed;top:20px;width:260px}
.loaderwrapper{display:flex;align-items:center;justify-content:center;height:200px}
.loader{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#ffb11f;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Cookie popup */
#mio-cookie-popup{position:fixed;bottom:20px;left:20px;z-index:9999;max-width:380px;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.2)}
#mio-cookie-popup .mio-cookie-popup__card{background:#121b28;padding:20px;display:block}
#mio-cookie-popup p{color:rgba(255,255,255,.85);font-size:13px;margin-bottom:12px}
#mio-cookie-popup a.btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none}
#mio-cookie-popup .btn-primary{background:#ffb11f;color:#121b28;border:none}

/* WiSCP breadcrumb */
.breadcrumb{background:transparent;padding:0;font-size:13px;margin:8px 0 0}
.breadcrumb-item+.breadcrumb-item::before{color:#64748b}
.breadcrumb-item a{color:#64748b;text-decoration:none}
.breadcrumb-item a:hover{color:#ffb11f}
.breadcrumb-item.active{color:#64748b}

/* Responsive */
@media(max-width:991.98px){
    #wrapper{width:95%}
    #home .page-section{padding:50px 0}
    .site-menu{display:none}
}
@media(max-width:575.98px){
    #fon-header .container-inner{padding:0 5px}
}