* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #1e293b;
    background-color: #f8fafc;
    line-height: 1.6;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Topbar */
.top-bar {
    background: #0f172a;
    color: #94a3b8;
    font-size: 0.85rem;
    padding: 8px 0;
}

.top-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.top-contact i {
    color: #f59e0b;
    margin-right: 5px;
}

.top-social span {
    color: #cbd5e1;
}

/* Header */
.site-header {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 15px 0;
}

.logo a {
    text-decoration: none;
    color: #0f172a;
}

.logo h1 {
    font-size: 1.6rem;
    font-weight: 700;
}

.logo span {
    color: #f59e0b;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 30px;
}

.nav-links a {
    text-decoration: none;
    color: #475569;
    font-weight: 500;
    transition: 0.2s;
    font-size: 0.95rem;
    white-space: nowrap;
}

.nav-links a:hover, .nav-links a.active {
    color: #f59e0b;
}

/* Buttons */
.btn {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: 0.2s;
    font-size: 0.95rem;
    white-space: nowrap;
}

.btn-warning {
    background-color: #f59e0b;
    color: #fff;
}

.btn-warning:hover {
    background-color: #d97706;
}

.btn-success {
    background-color: #10b981;
    color: #fff;
}

.btn-success:hover {
    background-color: #059669;
}

.btn-block {
    display: block;
    width: 100%;
}

/* Hero Section */
.hero-section {
    background: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.85)), url('https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
    color: #fff;
    padding: 80px 0;
    position: relative;
    z-index: 1;
}

.hero-container {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    align-items: center;
}

.hero-text h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    line-height: 1.2;
}

.hero-text p {
    font-size: 1.05rem;
    color: #cbd5e1;
    margin-bottom: 25px;
}

.hero-badges {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 0.9rem;
    color: #f1f5f9;
}

.hero-badges i {
    color: #f59e0b;
    margin-right: 5px;
}

.hero-search-card {
    background: #fff;
    color: #1e293b;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 15px 30px rgba(0,0,0,0.3);
    position: relative;
    z-index: 50;
}

.hero-search-card h3 {
    margin-bottom: 20px;
    font-size: 1.3rem;
    color: #0f172a;
}

.form-group {
    margin-bottom: 16px;
    position: relative;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #475569;
}

.form-group input, .form-group select, .form-group textarea {
    width: 100%;
    padding: 11px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 0.95rem;
    outline: none;
    font-family: inherit;
    background: #fff;
    color: #1e293b;
}

.form-row {
    display: flex;
    gap: 12px;
}

.form-row .form-group {
    flex: 1;
}

/* PayTR Box in Modal */
.paytr-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 15px;
    margin-top: 15px;
}

.paytr-logo-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    color: #0f172a;
    margin-bottom: 5px;
}

.paytr-info {
    font-size: 0.85rem;
    color: #64748b;
    margin-bottom: 12px;
}

/* Services Section */
.services-section {
    padding: 80px 0;
    background: #fff;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 2.2rem;
    color: #0f172a;
    margin-bottom: 10px;
}

.section-title p {
    color: #64748b;
    font-size: 1.05rem;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.service-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 35px 25px;
    text-align: center;
    transition: 0.3s;
}

.service-card:hover {
    transform: translateY(-6px);
    border-color: #f59e0b;
    box-shadow: 0 12px 25px rgba(0,0,0,0.06);
}

.service-icon {
    width: 75px;
    height: 75px;
    background: #fef3c7;
    color: #f59e0b;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 20px auto;
}

.service-card h3 {
    font-size: 1.25rem;
    margin-bottom: 10px;
    color: #0f172a;
}

.service-card p {
    font-size: 0.9rem;
    color: #64748b;
    margin-bottom: 25px;
}

/* Coverage Section */
.coverage-section {
    padding: 80px 0;
    background: #f1f5f9;
}

.coverage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}

.coverage-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    text-align: center;
}

.coverage-card i {
    font-size: 2.2rem;
    color: #f59e0b;
    margin-bottom: 15px;
}

.coverage-card h3 {
    font-size: 1.2rem;
    margin-bottom: 8px;
    color: #0f172a;
}

.coverage-card p {
    color: #64748b;
    font-size: 0.9rem;
}

/* How Section */
.how-section {
    padding: 80px 0;
    background: #fff;
}

.steps-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.step-card {
    background: #f8fafc;
    padding: 40px 30px;
    border-radius: 12px;
    text-align: center;
    position: relative;
    border: 1px solid #e2e8f0;
}

.step-num {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #fef3c7;
    color: #d97706;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
}

.step-card i {
    font-size: 2.5rem;
    color: #f59e0b;
    margin-bottom: 20px;
}

.step-card h3 {
    margin-bottom: 10px;
    color: #0f172a;
}

.step-card p {
    color: #64748b;
    font-size: 0.95rem;
}

/* WhatsApp Floating Button */
.whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 2.2rem;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s;
}

.whatsapp-float:hover {
    background-color: #20ba5a;
    transform: scale(1.1);
}

/* Modals */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(15, 23, 42, 0.8);
    z-index: 999999;
    justify-content: center;
    align-items: center;
    padding: 20px;
    overflow-y: auto;
}

.modal-box {
    background: #fff;
    padding: 30px;
    border-radius: 16px;
    width: 100%;
    max-width: 520px;
    position: relative;
    box-shadow: 0 25px 50px rgba(0,0,0,0.35);
    margin: auto;
}

.modal-close {
    position: absolute;
    top: 15px; right: 15px;
    background: none; border: none;
    font-size: 1.6rem;
    cursor: pointer;
    color: #64748b;
}

.modal-header {
    margin-bottom: 15px;
}

.modal-header h3 {
    color: #0f172a;
    margin-bottom: 3px;
}

.modal-header p {
    color: #64748b;
    font-size: 0.9rem;
}

.success-icon {
    font-size: 4rem;
    color: #10b981;
    margin-bottom: 15px;
}

.tracking-badge {
    background: #fef3c7;
    color: #d97706;
    padding: 10px 20px;
    font-size: 1.2rem;
    font-weight: 700;
    border-radius: 8px;
    display: inline-block;
    margin: 15px 0;
}

.small-text {
    font-size: 0.9rem;
    color: #64748b;
    margin-bottom: 20px;
}

.text-center { text-align: center; }

/* Footer */
.site-footer {
    background: #0f172a;
    color: #94a3b8;
    padding: 30px 0;
    font-size: 0.9rem;
}

.footer-info {
    font-size: 0.85rem;
}

@keyframes pulseGlow {
    0% { opacity: 0.4; color: #f59e0b; text-shadow: 0 0 2px rgba(245,158,11,0.2); }
    50% { opacity: 1; color: #fbbf24; text-shadow: 0 0 10px rgba(251,191,36,0.8); }
    100% { opacity: 0.4; color: #f59e0b; text-shadow: 0 0 2px rgba(245,158,11,0.2); }
}

.pulsing-taner {
    font-weight: 700;
    animation: pulseGlow 1.8s infinite ease-in-out;
}

/* Admin Dashboard Layout */
.admin-body {
    background: #0f172a;
    min-height: 100vh;
}

.admin-wrapper {
    display: flex;
    min-height: 100vh;
    width: 100%;
}

.admin-sidebar {
    width: 270px;
    background: #0f172a;
    color: #fff;
    padding: 25px;
    border-right: 1px solid rgba(255,255,255,0.08);
}

.admin-logo h2 {
    font-size: 1.4rem;
    margin-bottom: 2px;
}

.admin-logo span { color: #f59e0b; }
.admin-logo small { color: #64748b; font-size: 0.8rem; }

.admin-menu {
    list-style: none;
    margin-top: 30px;
}

.admin-menu li {
    margin-bottom: 10px;
}

.admin-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #94a3b8;
    text-decoration: none;
    padding: 12px 15px;
    border-radius: 8px;
    font-weight: 500;
    transition: 0.2s;
}

.admin-menu a:hover, .admin-menu a.active {
    background: #1e293b;
    color: #fff;
}

.admin-menu a.back-site {
    color: #f59e0b;
}

.admin-menu a.text-danger {
    color: #ef4444;
}

.mt-5 { margin-top: 40px; }
.mt-3 { margin-top: 15px; }

.admin-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #f8fafc;
}

.admin-topbar {
    background: #fff;
    padding: 18px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.admin-user-info {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #0f172a;
}

.admin-user-info i { color: #f59e0b; font-size: 1.2rem; }

.admin-content-area {
    padding: 30px;
    flex: 1;
}

.admin-tab-pane {
    display: none;
}

.admin-tab-pane.active {
    display: block;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.stat-card {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.stat-icon {
    width: 55px;
    height: 55px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #fff;
    margin-right: 15px;
}

.bg-blue { background: #3b82f6; }
.bg-orange { background: #f59e0b; }
.bg-purple { background: #8b5cf6; }

.stat-details h4 {
    font-size: 1.5rem;
    color: #0f172a;
}

.stat-details p {
    font-size: 0.85rem;
    color: #64748b;
}

.admin-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    margin-top: 25px;
    overflow: hidden;
}

.admin-card-header {
    padding: 20px;
    border-bottom: 1px solid #e2e8f0;
}

.admin-card-header h4 {
    font-size: 1.1rem;
    color: #0f172a;
}

.admin-card-body {
    padding: 25px;
}

.table-responsive {
    overflow-x: auto;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 0.9rem;
}

.data-table th, .data-table td {
    padding: 14px 20px;
    border-bottom: 1px solid #e2e8f0;
}

.data-table th {
    background: #f8fafc;
    color: #475569;
    font-weight: 600;
}

.badge-success {
    background: #d1fae5;
    color: #047857;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
}

.badge-warning {
    background: #fef3c7;
    color: #d97706;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
}

.mt-4 { margin-top: 25px; }
.mb-4 { margin-bottom: 25px; }

@media(max-width: 900px) {
    .hero-container {
        grid-template-columns: 1fr;
    }
    .admin-wrapper {
        flex-direction: column;
    }
    .admin-sidebar {
        width: 100%;
    }
}

body.modal-open { overflow: hidden; }
.modal-overlay[aria-hidden="true"] { display: none !important; }

/* Alo Usta responsive refresh + selectable homepage themes */
:root{--primary-color:#f59e0b;--theme-ink:#0f172a;--theme-soft:#fff7e6}
.btn-warning{background:var(--primary-color)!important}.logo span,.nav-links a:hover,.nav-links a.active,.hero-badges i,.top-contact i{color:var(--primary-color)}
.hero-search-card{box-shadow:0 18px 50px rgba(0,0,0,.22)}
body.theme-blue{--primary-color:#3478f6;--theme-soft:#edf4ff}
body.theme-green{--primary-color:#159b76;--theme-soft:#e9faf4}
body.theme-dark{--primary-color:#d7a84c;--theme-soft:#f2eee6}
body.theme-blue .hero-section{background-image:linear-gradient(115deg,rgba(9,31,66,.93),rgba(18,63,122,.80)),url('https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1920&q=80')}
body.theme-green .hero-section{background-image:linear-gradient(115deg,rgba(6,48,42,.93),rgba(12,100,76,.78)),url('https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1920&q=80')}
body.theme-dark .hero-section{background-image:linear-gradient(115deg,rgba(10,15,25,.96),rgba(38,50,71,.86)),url('https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1920&q=80')}
body.theme-blue .service-icon{background:#edf4ff;color:#3478f6}body.theme-green .service-icon{background:#e9faf4;color:#159b76}body.theme-dark .site-header{background:#fbfaf7}body.theme-dark .btn-warning{color:#201b10}
.mobile-nav-toggle{display:none;border:1px solid #e2e8f0;background:#fff;color:#172033;border-radius:10px;width:42px;height:42px;font-size:18px;align-items:center;justify-content:center;flex:none}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{overflow-x:hidden}img,video,iframe{max-width:100%}.container{width:100%;min-width:0}.flex-between>*{min-width:0}.hero-text,.hero-search-card{min-width:0}.hero-text h2{overflow-wrap:anywhere}.form-group input,.form-group select,.form-group textarea{min-width:0;max-width:100%}.services-grid,.coverage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.coverage-card{min-width:0;overflow-wrap:anywhere}.modal-overlay{padding:16px;overflow-y:auto}.modal-box{width:min(680px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.form-row{min-width:0}.form-row>*{min-width:0}
@media(max-width:1000px){.container{padding-left:18px;padding-right:18px}.nav-links{gap:16px}.hero-section{padding:62px 0}.hero-container{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:24px}.hero-text h2{font-size:clamp(2rem,4.3vw,2.7rem)}.header-action .btn{padding:11px 14px}.services-grid,.coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .top-bar{padding:7px 0;font-size:11px}.top-bar .container{align-items:flex-start;gap:6px;flex-direction:column}.top-contact{gap:5px 12px}.top-contact span{white-space:normal}.top-social{display:none}
  .site-header{padding:10px 0}.site-header>.container{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.logo h1{font-size:1.35rem}.mobile-nav-toggle{display:inline-flex}.header-action{margin-left:auto}.header-action .btn{font-size:12px;padding:10px 12px;white-space:normal;max-width:160px}
  .nav-links{display:none;order:5;flex:0 0 100%;width:100%;padding:8px 0 4px;border-top:1px solid #edf0f5;align-items:stretch;gap:0;flex-direction:column}.nav-links.is-open{display:flex}.nav-links a{padding:12px 8px;border-radius:8px;font-size:14px}.nav-links a:hover{background:#f8fafc}
  .hero-section{padding:42px 0 34px}.hero-container{grid-template-columns:minmax(0,1fr);gap:26px}.hero-text h2{font-size:clamp(28px,8vw,38px);line-height:1.15;letter-spacing:-.7px;margin-bottom:14px}.hero-text p{font-size:14px;line-height:1.75;margin-bottom:18px}.hero-badges{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;font-size:12px}.hero-search-card{padding:20px 17px;border-radius:16px}.hero-search-card h3{font-size:20px;margin-bottom:15px}.form-group{margin-bottom:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}
  .section-padding,.services-section,.coverage-section,.how-section{padding-top:42px;padding-bottom:42px}.section-title,h2.section-title{font-size:25px;line-height:1.25}.section-subtitle{font-size:14px}.services-grid,.coverage-grid{grid-template-columns:minmax(0,1fr);gap:14px}.service-card,.coverage-card{padding:20px;border-radius:14px}.service-card h3{font-size:18px}.service-card p{font-size:13px}.how-grid,.steps-grid{grid-template-columns:minmax(0,1fr);gap:14px}.form-row{flex-direction:column;gap:0}.form-row .form-group{width:100%}.modal-overlay{align-items:flex-start;padding:10px}.modal-box{padding:22px 16px;border-radius:16px;margin:0 auto;max-height:calc(100dvh - 20px)}.modal-header h2{font-size:22px}.modal-close{top:9px;right:12px}.site-footer .container,.footer-info{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.site-footer{padding:30px 0;font-size:13px}
  .container{padding-left:16px;padding-right:16px}.btn{white-space:normal;max-width:100%;line-height:1.35}.savebar,.toolbar{flex-wrap:wrap}.savebar .btn,.toolbar .btn{max-width:100%}
}
@media(max-width:380px){.logo h1{font-size:1.18rem}.header-action .btn{max-width:135px;font-size:11px;padding:9px}.mobile-nav-toggle{width:38px;height:38px}.hero-search-card{padding:17px 13px}.hero-text h2{font-size:27px}.container{padding-left:13px;padding-right:13px}}

/* Type-ahead address search */
.location-suggestions{position:absolute;z-index:1000;top:100%;left:0;right:0;margin-top:4px;max-height:260px;overflow:auto;background:var(--card-bg,#fff);color:var(--text-color,#1e293b);border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 12px 28px rgba(15,23,42,.18);padding:5px}
.location-suggestions[hidden]{display:none}
.location-suggestion{display:block;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:.9rem;line-height:1.4;cursor:pointer}
.location-suggestion:hover,.location-suggestion.is-active{background:#eaf2ff;color:#123b75}
.location-suggestion-message{padding:12px;color:#64748b;font-size:.88rem}
.location-search-status{display:block;margin-top:6px;color:#64748b;font-size:.78rem}