*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,rgba(88,28,135,.35),#020617 40%,#020617 100%);color:#e5e7eb}a{text-decoration:none;color:#c084fc}a:hover{color:#e879f9}.container{width:90%;max-width:1200px;margin:0 auto}.btn{display:inline-block;padding:8px 16px;border-radius:999px;font-size:.9rem;border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#c084fc,#fb7185);color:#fff}.btn-outline{border-color:rgba(148,163,184,.7);background:transparent;color:#e5e7eb}.btn-outline:hover{border-color:#c084fc;color:#fff}
.prohost-header{padding:18px 0;border-bottom:1px solid rgba(15,23,42,1);background:rgba(15,23,42,.95);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;transition:padding .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.prohost-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.prohost-logo{display:flex;align-items:center;gap:8px}
.prohost-logo img{max-height:48px}
.logo-text-full{font-size:1.3rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.logo-text-mono{display:none;width:24px;height:24px;border-radius:999px;border:1px solid rgba(148,163,184,.6);font-size:.9rem;font-weight:700;text-transform:uppercase;align-items:center;justify-content:center}
.prohost-nav{justify-self:center}
.prohost-menu{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.prohost-menu>li{position:relative}
.prohost-menu>li>a{color:#e5e7eb;font-size:.95rem;padding:6px 0;display:inline-block}
.prohost-menu>li::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:linear-gradient(90deg,#c084fc,#fb7185);transform:scaleX(0);transform-origin:center;transition:transform .18s ease-out}
.prohost-menu>li:hover::after{transform:scaleX(1)}
.prohost-menu>li.is-active::after{transform:scaleX(0)}
.prohost-menu>li.is-active>a{padding:6px 14px;border-radius:999px;background:radial-gradient(circle at top,rgba(192,132,252,.8),rgba(15,23,42,.9));box-shadow:0 8px 20px rgba(15,23,42,.7);color:#f9fafb}
.prohost-header-actions{justify-self:end;display:flex;align-items:center;gap:6px}
.prohost-main-wrapper{padding:30px 0 40px}
.hero-section{display:flex;flex-wrap:wrap;align-items:center;gap:30px}
.hero-content{flex:1 1 320px}
.hero-content h1{font-size:2.6rem;margin-bottom:8px;background:linear-gradient(135deg,#c4b5fd,#fb7185);-webkit-background-clip:text;color:transparent}
.hero-content p{font-size:1.05rem;color:#9ca3af;max-width:420px}
.hero-actions .btn{margin-top:10px;margin-right:8px}
.hero-search{flex:1 1 280px;max-width:420px}
.domain-search-form{display:flex;gap:8px;margin-top:10px}
.domain-search-form input{flex:1;border-radius:999px;border:1px solid #1f2937;padding:10px 16px;background:rgba(15,23,42,.9);color:#e5e7eb;outline:none}
.hero-hint{font-size:.85rem;color:#9ca3af;margin-top:8px}
.pricing-section{margin-top:40px}
.section-header{text-align:center;margin-bottom:20px}
.section-header h2{font-size:1.6rem;margin-bottom:5px}
.section-header p{color:#9ca3af;font-size:.95rem}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.pricing-card{background:radial-gradient(circle at top,rgba(192,132,252,.18),#020617 55%);border-radius:20px;padding:18px 18px 16px;border:1px solid rgba(148,163,184,.4);box-shadow:0 22px 50px rgba(15,23,42,.8);position:relative;overflow:hidden}
.pricing-badge{position:absolute;top:12px;right:-40px;background:linear-gradient(135deg,#f97316,#fb7185);color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;padding:6px 50px;transform:rotate(35deg);box-shadow:0 10px 25px rgba(15,23,42,.8)}
.pricing-card.pricing-featured{background:radial-gradient(circle at top,rgba(251,113,133,.22),rgba(192,132,252,.25),#020617 70%);border-color:rgba(251,113,133,.9);box-shadow:0 28px 70px rgba(251,113,133,.45);transform:translateY(-8px)}
.pricing-card h3{margin:0 0 6px;font-size:1.1rem}
.pricing-card .desc{font-size:.9rem;color:#9ca3af;min-height:40px}
.pricing-card .price{font-size:1.7rem;margin:10px 0 6px}
.pricing-card .price .period{font-size:.9rem;color:#9ca3af;margin-left:4px}
.pricing-card .features{list-style:none;padding:0;margin:10px 0 12px;font-size:.85rem;color:#9ca3af}
.pricing-card .features li{margin-bottom:4px}
.pricing-card .features i{margin-right:4px}
.prohost-footer{border-top:1px solid rgba(148,163,184,.25);padding:15px 0;background:#020617;text-align:center;font-size:.85rem;color:#9ca3af;margin-top:20px}
.auth-card{max-width:420px;margin:0 auto;background:#020617;border-radius:20px;padding:24px 22px;border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 70px rgba(15,23,42,.9)}
.auth-card h1{font-size:1.7rem;margin-bottom:4px}
.auth-card .subtitle{color:#9ca3af;font-size:.9rem;margin-bottom:16px}
.form-group{margin-bottom:12px}
.form-control{width:100%;padding:8px 10px;border-radius:10px;border:1px solid #1f2937;background:#020617;color:#e5e7eb}
.form-control:focus{outline:none;border-color:#c084fc}
.auth-alt{text-align:center;font-size:.85rem;margin-top:12px;color:#9ca3af}
.prohost-footer p{margin:0}
#mobileNavOverlay{display:none}
@media (max-width:768px){
 .prohost-header-inner{display:flex;flex-direction:column;align-items:center;gap:10px}
 .prohost-nav{display:none}
 .prohost-nav-mobile{display:flex;align-items:center;justify-content:space-between;width:100%}
 .nav-mobile-menu{display:none;margin-top:10px}
 .nav-mobile-menu.open{display:block}
 .nav-mobile-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
 .nav-mobile-menu li a{display:inline-block;padding:6px 12px;border-radius:999px;font-size:.85rem;color:#e5e7eb}
 .nav-mobile-menu li.is-active>a{background:radial-gradient(circle at top,rgba(192,132,252,.9),rgba(15,23,42,.95));box-shadow:0 6px 18px rgba(15,23,42,.85);color:#f9fafb}
 #mobileNavOverlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:40}
 #mobileNavOverlay.open{display:block}
 .hero-section{flex-direction:column;align-items:flex-start}
 .pricing-card.pricing-featured{transform:none}
}
@media (min-width:769px){
 .prohost-header.shrink{padding:8px 0;background:rgba(15,23,42,.65);box-shadow:0 12px 35px rgba(15,23,42,.9);transform:translateY(-2px)}
 .prohost-header.shrink .logo-text-full{display:none}
 .prohost-header.shrink .logo-text-mono{display:inline-flex}
 .prohost-header.shrink .prohost-menu>li>a{font-size:.9rem;font-weight:400;opacity:.9}
 .pricing-card.pricing-featured .btn-primary:hover{box-shadow:0 0 0 0 rgba(251,113,133,.6);animation:prohost-pulse 1.8s ease-out infinite}
}
@keyframes prohost-pulse{0%{box-shadow:0 0 0 0 rgba(251,113,133,.6);transform:translateY(0)}70%{box-shadow:0 0 0 14px rgba(251,113,133,0);transform:translateY(-1px)}100%{box-shadow:0 0 0 0 rgba(251,113,133,0);transform:translateY(0)}}
/* STORE / SIDEBAR KART TASARIMI */
#Primary_Sidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Her paneli kart haline getir */
#Primary_Sidebar .panel-sidebar {
    background: radial-gradient(circle at top, rgba(15,23,42,.95), rgba(15,23,42,.9));
    border-radius: 18px;
    border: 1px solid rgba(148,163,184,.35);
    box-shadow: 0 18px 45px rgba(15,23,42,.9);
    padding: 12px 14px 10px;
}

/* Panel başlığı */
#Primary_Sidebar .panel-sidebar .panel-heading {
    border: 0;
    padding: 0 0 6px 0;
    background: transparent;
    color: #e5e7eb;
    font-size: .9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Başlık ikon / oklar */
#Primary_Sidebar .panel-sidebar .panel-heading i,
#Primary_Sidebar .panel-sidebar .panel-title i {
    font-size: .8rem;
    opacity: .75;
}

/* Listeyi düzene sokalım */
#Primary_Sidebar .panel-sidebar .list-group {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
}

/* Her bir kategori satırı */
#Primary_Sidebar .panel-sidebar .list-group-item {
    background: transparent;
    border: 0;
    padding: 3px 0;
    font-size: .85rem;
    color: #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Linkler */
#Primary_Sidebar .panel-sidebar .list-group-item a {
    color: #e5e7eb;
    text-decoration: none;
}
#Primary_Sidebar .panel-sidebar .list-group-item a:hover {
    color: #c084fc;
}

/* Aktif kategori / seçili satır */
#Primary_Sidebar .panel-sidebar .list-group-item.active,
#Primary_Sidebar .panel-sidebar .list-group-item.active a {
    color: #f9fafb;
    font-weight: 600;
}

/* Aktif olan için hafif kapsül arka plan */
#Primary_Sidebar .panel-sidebar .list-group-item.active {
    background: radial-gradient(circle at left, rgba(192,132,252,.5), rgba(15,23,42,1));
    border-radius: 999px;
    padding: 4px 10px;
}
/* ==== STORE SIDEBAR KART TASARIMI (GENEL) ==== */

/* Tüm sidebar panelleri kart olsun */
.panel-sidebar {
    background: radial-gradient(circle at top, rgba(15,23,42,.95), rgba(15,23,42,.9)) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(148,163,184,.35) !important;
    box-shadow: 0 18px 45px rgba(15,23,42,.9) !important;
    padding: 10px 14px 10px !important;
    margin-bottom: 12px !important;
}

/* Panel başlığı */
.panel-sidebar .panel-heading {
    background: transparent !important;
    border: 0 !important;
    padding: 0 0 6px 0 !important;
    color: #e5e7eb !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Liste gövdesi */
.panel-sidebar .list-group {
    margin: 6px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Tek sütun, düzgün satırlar */
.panel-sidebar .list-group-item {
    background: transparent !important;
    border: 0 !important;
    padding: 3px 0 !important;
    font-size: .85rem !important;
    color: #e5e7eb !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;   /* 2 kolon olmasını engelle */
}

/* Link stilleri */
.panel-sidebar .list-group-item a {
    color: #e5e7eb !important;
    text-decoration: none !important;
}
.panel-sidebar .list-group-item a:hover {
    color: #c084fc !important;
}

/* Aktif kategori satırı */
.panel-sidebar .list-group-item.active,
.panel-sidebar .list-group-item.active a {
    color: #f9fafb !important;
    font-weight: 600 !important;
}

/* Aktif olan için kapsül arka plan */
.panel-sidebar .list-group-item.active {
    background: radial-gradient(circle at left, rgba(192,132,252,.5), rgba(15,23,42,1)) !important;
    border-radius: 999px !important;
    padding: 4px 10px !important;
}
/* DEVAM ET butonunu sağa hizala */
#order-standard_cart .btn.btn-primary.btn-lg,
#order-standard_cart .btn.btn-primary.checkout,
#order-standard_cart .view-cart .btn.btn-primary {
    display: inline-block;
    float: right;
    margin-top: 10px;
}
/* STORE içeriğini ortala / fazla sola yaslanmasın */
#order-standard_cart {
    max-width: 1200px;
    margin: 0 auto;
}
/* MOBİLDE: önce ürünler, sonra sidebar kartları */
@media (max-width: 768px) {
    #order-standard_cart .row:first-of-type {
        display: flex;
        flex-direction: column;
    }

    #order-standard_cart .row:first-of-type > [class*="col-"]:first-child {
        order: 2;  /* sidebar */
    }

    #order-standard_cart .row:first-of-type > [class*="col-"]:last-child {
        order: 1;  /* ana içerik */
    }
}
/* DEVAM ET butonunu sağa hizala (zorla) */
#order-standard_cart .view-cart .btn.btn-primary,
#order-standard_cart .view-cart .btn.btn-primary.btn-lg {
    float: right !important;
    margin-top: 10px !important;
}
/* STORE içeriğini ortaya al */
#order-standard_cart {
    max-width: 1200px;
    margin: 0 auto;
}

/* MOBİLDE: önce ürün, sonra sidebar kartları */
@media (max-width: 768px) {
    #order-standard_cart .row:first-of-type {
        display: flex;
        flex-direction: column;
    }

    #order-standard_cart .row:first-of-type > [class*="col-"]:first-child {
        order: 2;  /* sidebar */
    }

    #order-standard_cart .row:first-of-type > [class*="col-"]:last-child {
        order: 1;  /* ana içerik */
    }
}