@charset "UTF-8";
* {
padding: 0;
margin: 0;
}
body {
background-color: var(--body-color);
font-family: 'Montserrat', sans-serif;
position: relative;
}
/* Header Arka Plan */
header {
position: relative;
padding: 20px 0;
margin: 0;
background: transparent;
z-index: 1000;
}
/* Navbar Çubuk Tasarımı - Resimdeki gibi Modern Pill Design - YÜKSEK ÖNCELİK */
header nav.web-navbar.navbar.navbar-expand-lg {
position: relative !important;
margin: 0 auto !important;
max-width: 95% !important;
background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
border-radius: 50px !important;
padding: 12px 30px !important;
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.3),
0 2px 8px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
transition: all 0.3s ease !important;
}
.web-navbar {
position: relative !important;
margin: 0 auto !important;
max-width: 95% !important;
background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
border-radius: 50px !important;
padding: 12px 30px !important;
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.3),
0 2px 8px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
transition: all 0.3s ease !important;
}
header nav.web-navbar.navbar.navbar-expand-lg:hover,
.web-navbar:hover {
box-shadow:
0 12px 40px rgba(0, 0, 0, 0.4),
0 4px 12px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
transform: translateY(-2px) !important;
}
.web-navbar .col-lg-12 {
padding: 0;
margin: 0;
}
.web-navbar .row {
margin: 0;
align-items: center;
}
.web-navbar .container-85 {
width: 100% !important;
max-width: 100% !important;
padding: 0 20px;
margin: 0;
}
.web-navbar .navbar-collapse {
flex-grow: 1;
}
.web-navbar .w-100 {
gap: 20px;
padding: 0 10px;
}
.web-navbar .w-100 > div:first-child {
flex-shrink: 0;
}
.web-navbar .w-100 > div:nth-child(2) {
flex: 1;
display: flex;
justify-content: center;
}
.web-navbar .w-100 > div:last-child {
flex-shrink: 0;
margin-left: auto;
}
/* Navbar içindeki öğeler için düzenlemeler */
.web-navbar .navbar-nav {
gap: 8px;
}
.web-navbar .nav-link {
padding: 8px 16px !important;
border-radius: 25px;
transition: all 0.3s ease;
font-weight: 500;
}
.web-navbar .nav-link:not(.btn-auth):not(.shopping-button):not(.main-border-outline) {
color: rgba(255, 255, 255, 0.9) !important;
}
.web-navbar .nav-link:not(.btn-auth):not(.shopping-button):not(.main-border-outline):hover {
background: rgba(255, 255, 255, 0.1);
color: #ffffff !important;
transform: translateY(-2px);
}
/* Aktif sayfa için özel stil */
.web-navbar .nav-link.main-border-outline {
background: rgba(74, 144, 226, 0.2);
border: 2px solid rgba(74, 144, 226, 0.5);
color: #ffffff !important;
border-radius: 25px;
}
.web-navbar .nav-link.main-border-outline:hover {
background: rgba(74, 144, 226, 0.4);
border-color: rgba(74, 144, 226, 0.8);
}
/* Logo için düzenleme */
.web-navbar .logo-size {
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
/* Sepet butonu için düzenleme */
.web-navbar .shopping-button {
background: rgba(74, 144, 226, 0.2) !important;
border: 2px solid rgba(74, 144, 226, 0.5);
backdrop-filter: blur(10px);
transition: all 0.3s ease;
}
.web-navbar .shopping-button:hover {
background: rgba(74, 144, 226, 0.4) !important;
border-color: rgba(74, 144, 226, 0.8);
transform: translateY(-3px) scale(1.05);
box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
}
/* Modern Auth Buttons - Resimdeki gibi - YÜKSEK ÖNCELİK */
header nav.web-navbar .nav-link.btn-auth,
.web-navbar .nav-link.btn-auth,
a.nav-link.btn-auth {
padding: 12px 28px !important;
border-radius: 50px !important;
font-weight: 600 !important;
font-size: 15px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative !important;
overflow: hidden !important;
border: none !important;
margin-left: 0.75rem !important;
min-width: 120px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}
.btn-auth {
padding: 12px 28px !important;
border-radius: 50px !important;
font-weight: 600 !important;
font-size: 15px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative !important;
overflow: hidden !important;
border: none !important;
margin-left: 0.75rem !important;
min-width: 120px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}
.btn-auth::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transition: left 0.5s;
}
.btn-auth:hover::before {
left: 100%;
}
header nav.web-navbar .nav-link.btn-auth.btn-login,
.web-navbar .nav-link.btn-auth.btn-login,
a.nav-link.btn-auth.btn-login,
.btn-login {
background: linear-gradient(135deg, #ff4757 0%, #ee5a6f 50%, #ff6b7a 100%) !important;
color: #ffffff !important;
box-shadow: 0 6px 20px rgba(255, 71, 87, 0.4) !important;
}
.btn-login:hover {
transform: translateY(-4px) scale(1.05) !important;
box-shadow: 0 8px 25px rgba(255, 71, 87, 0.6) !important;
background: linear-gradient(135deg, #ff6b7a 0%, #ff4757 50%, #ee5a6f 100%) !important;
}
.btn-login:active {
transform: translateY(-2px) scale(1.02) !important;
box-shadow: 0 4px 15px rgba(255, 71, 87, 0.5) !important;
}
header nav.web-navbar .nav-link.btn-auth.btn-register,
.web-navbar .nav-link.btn-auth.btn-register,
a.nav-link.btn-auth.btn-register,
.btn-register {
background: linear-gradient(135deg, #4a90e2 0%, #357abd 50%, #5ba3f5 100%) !important;
color: #ffffff !important;
box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4) !important;
}
.btn-register:hover {
transform: translateY(-4px) scale(1.05) !important;
box-shadow: 0 8px 25px rgba(74, 144, 226, 0.6) !important;
background: linear-gradient(135deg, #5ba3f5 0%, #4a90e2 50%, #357abd 100%) !important;
}
.btn-register:active {
transform: translateY(-2px) scale(1.02) !important;
box-shadow: 0 4px 15px rgba(74, 144, 226, 0.5) !important;
}
/* Responsive tasarım */
@media (max-width: 991px) {
.web-navbar {
margin: 15px auto;
max-width: 98%;
border-radius: 30px;
padding: 15px 20px;
}
.web-navbar .container-85 {
padding: 0 10px;
}
.btn-auth {
width: 100% !important;
margin-left: 0 !important;
margin-bottom: 0.75rem !important;
}
}
@media (max-width: 768px) {
.web-navbar {
margin: 10px auto;
border-radius: 25px;
padding: 12px 15px;
}
}
li {
list-style: none;
}
table {
position: relative;
max-width: 100% !important;
display: inline-table;
overflow: auto;
}
table {
border-collapse: separate;
border-spacing: 0 10px;
}
table tbody {
background-color: var(--add-credit-table);
}
table tbody tr td:first-child {
border-radius: 12px 0px 0px 12px;
}
table tbody tr td:last-child {
border-radius: 0px 12px 12px 0px;
}
.hover\:1 {
transform: translateY(0px);
transition: 300ms;
}
.hover\:1:hover {
transform: translateY(-3px);
transition: 300ms;
}
.absolute-swiper svg {
position: absolute !important;
bottom: 0px !important;
height: 100%;
width: 100%;
}
.shopping-button {
border-radius: 500px;
background-color: var(--active-background-color) !important;
color: var(--active-text-color) !important;
width: 50px;
height: 50px;
margin-right: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.profile-header-img {
width: 25px;
height: 25px;
border-radius: 500px;
}
.dropdown-menu {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 18px;
}
.dropdown-menu.dropdown-lg {
top: -0.5rem;
background: var(--body-color) !important;
border: 2px solid var(--main-color);
border-radius: 30px;
cursor: pointer;
z-index: 150 !important;
}
.footer-select .dropdown-lg-content {
margin-top: 0rem !important;
justify-content: center;
}
.footer-select.dropdown-menu.dropdown-lg {
left: -1.5rem;
text-align: center;
background: var(--body-color) !important;
top: -23.5rem !important;
padding-bottom: 4rem !important;
border: 2px solid var(--main-color) !important;
border-radius: 30px !important;
cursor: pointer !important;
z-index: 150 !important;
}
li[aria-expanded="true"] i {
transform: rotate(180deg);
transition: 500ms;
}
li[aria-expanded="false"] i {
transform: rotate(0deg);
transition: 500ms;
}
li.dropdown.profile-dropdown:hover .dropdown-border {
background: var(--main-color);
transition: 500ms;
}
li.dropdown.profile-dropdown:hover .dropdown-border a {
color: var(--active-text-color) !important;
transition: 500ms;
}
.dropdown.footer-dropdown:hover .dropdown-border {
background: var(--main-color);
transition: 500ms;
}
.dropdown.footer-dropdown:hover .dropdown-border a {
color: var(--active-text-color) !important;
transition: 500ms;
}
.dropdown-lg-content {
margin-top: 3rem;
transition: 500ms;
}
.profile-dropdown .dropdown-border {
border: 2px solid var(--main-color);
border-radius: 60px;
padding: 11px 19px 11px 11px;
z-index: 123123123;
position: relative;
transition: 500ms;
width: max-content;
font-size: 14px !important;
}
.footer-dropdown {
width: 140px !important;
text-align: center;
justify-content: center;
display: flex;
}
.footer-dropdown .dropdown-border {
justify-content: center !important;
margin: auto !important;
text-align: center !important;
border: 2px solid var(--main-color);
height: fit-content !important;
width: fit-content;
border-radius: 60px;
padding: 11px 19px 11px 11px;
position: relative;
transition: 500ms;
z-index: 160;
width: 100% !important;
}
.tooltip-inner {
background: var(--add-credit-table);
color: var(--text-color);
filter: contrast(0.85);
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
border-top-color: var(--add-credit-table) !important;
filter: contrast(0.85);
}
.form-select {
background: var(--input-bg) !important;
}
.add-credit-table {
background-color: var(--add-credit-table);
padding: 0.8rem;
}
.absolute-icon-form {
position: relative;
overflow: hidden;
}
.absolute-icon-form i {
position: absolute;
right: 1rem;
top: calc(0.8rem + 2px);
cursor: pointer;
}
.form-floating label {
color: var(--input-color) !important;
}
button.form-control {
transition: 1500ms;
}
button.form-control:hover {
transform: translateY(-3px);
transition: 500ms;
}
.form-floating input[disabled] ~ label:after {
background-color: var(--input-bg);
filter: contrast(0.9);
}
.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
background-color: var(--input-bg);
}
.w-80 {
width: 80% !important;
}
.btn-success {
background-color: #45c4a0 !important;
}
.divider-icon span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: rgba(164, 174, 198, 0.2);
}
.divider-icon:after, .divider-icon:before {
position: absolute;
top: 50%;
content: "";
border-top: 1px solid rgba(164, 174, 198, 0.2);
width: calc(45% - 1.5rem);
}
.btn-outline-login {
border-color: var(--active-background-color) !important;
color: var(--outline-text-color) !important;
}
.btn-outline-login:focus {
border-color: var(--active-background-color) !important;
color: var(--active-text-color) !important;
}
.btn-outline-login:hover {
background-color: var(--active-background-color) !important;
color: var(--active-text-color) !important;
}
.form-control {
border-radius: 8px !important;
background-color: var(--input-bg) !important;
color: var(--input-color) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
border: 1px solid var(--btn-main-bg) !important;
-webkit-text-fill-color: var(--input-color) !important;
-webkit-box-shadow: 0 0 0px 1000px #000 inset;
transition: background-color 5000s ease-in-out 0s;
}
.form-control:focus {
box-shadow: none !important;
border-color: var(--main-color);
}
input[disabled] {
filter: contrast(0.9);
}
.navbar {
padding-top: 0.5rem;
}
.navbar-behind.active {
width: 100%;
height: 100%;
position: fixed;
right: 0;
left: 0;
top: 0;
bottom: 0;
background: #000;
z-index: 99999999999;
opacity: 0.9;
}
.absolute-swiper {
height: 100%;
}
.absolute-swiper svg {
position: absolute !important;
bottom: 0 !important;
}
.absolute-swiper svg path {
fill: var(--main-color);
}
.error-coupon {
animation: horizontal-shaking 1s ease-in-out;
border: 1px solid var(--main-color);
}
@keyframes horizontal-shaking {
0% {
transform: translateX(0);
}
25% {
transform: translateX(5px);
}
50% {
transform: translateX(-5px);
}
75% {
transform: translateX(5px);
}
100% {
transform: translateX(0);
}
}
.success-coupon {
animation: horizontal-shaking 1s ease-in-out;
border: 1px solid #187918;
}
@keyframes horizontal-shaking {
0% {
transform: translateX(0);
}
25% {
transform: translateX(5px);
}
50% {
transform: translateX(-5px);
}
75% {
transform: translateX(5px);
}
100% {
transform: translateX(0);
}
}
.left-nav:not(.show-ixa) {
width: 240px;
height: 100%;
position: fixed;
left: -15rem;
transition: left 500ms;
background: var(--card-bg);
z-index: 9999999999;
}
.left-nav a {
color: var(--text-color);
font-weight: 600;
}
.left-nav.show-ixa {
width: 240px;
height: 100%;
position: fixed;
left: 0rem !important;
transition: left 500ms;
border-right: 2px solid var(--card-bg) !important;
background: var(--card-bg);
z-index: 9999999999999;
}
.left-nav.show-ixa .toggler-nav {
background-color: var(--card-bg) !important;
position: absolute;
right: -50px;
top: 15px;
box-shadow: 0px 0px 20px #00000024;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
border-radius: 60px;
align-items: center;
transition: 500ms;
}
.left-nav .toggler-nav {
background-color: var(--card-bg) !important;
position: absolute;
right: -120px;
top: 15px;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
border-radius: 60px;
align-items: center;
transition: 500ms;
box-shadow: 0px 0px 20px #00000024;
}
.footer-btn.active {
border-radius: 250px;
color: var(--active-text-color);
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--active-background-color) !important;
}
.store-button {
border: 2px solid var(--active-background-color);
width: 100%;
padding: 25px 19px;
height: 40px;
display: flex;
align-items: center;
border-radius: 100px;
transition: 500ms;
color: var(--text-color);
}
.store-button:hover {
background-color: var(--active-background-color) !important;
color: var(--active-text-color) !important;
transition: 500ms;
}
.btn-main {
background-color: var(--btn-main-bg);
color: var(--btn-main-text-color) !important;
}
.btn-main:hover {
background-color: var(--btn-main-bg) !important;
color: var(--btn-main-text-color) !important;
border-color: var(--btn-main-bg) !important;
}
.btn-main:active {
background-color: var(--btn-main-bg) !important;
color: var(--btn-main-text-color) !important;
border-color: var(--btn-main-bg) !important;
}
.btn-main:focus {
background-color: var(--btn-main-bg) !important;
color: var(--btn-main-text-color) !important;
border-color: var(--btn-main-bg) !important;
}
.changing-text-section {
color: var(--section-text-color) !important;
}
.container-fluid {
width: 98%;
}
.logo-size {
width: var(--logo-size);
height: var(--logo-size);
object-fit: contain;
margin-right: 1rem;
}
.container-85 {
width: 85% !important;
}
.rounded-full {
border-radius: 250px !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.z-99 {
z-index: 99;
}
.card {
background-color: var(--card-bg);
color: var(--card-text-color);
}
.text-color {
color: var(--text-color) !important;
}
.text-color-sub {
color: var(--text-color-sub) !important;
}
.h1 {
color: var(--text-color);
font-weight: 600;
}
.h2 {
color: var(--text-color);
font-weight: 600;
}
.h3 {
color: var(--text-color);
font-weight: 600;
}
.h4 {
color: var(--text-color);
font-weight: 600;
}
.h5 {
color: var(--text-color);
font-weight: 600;
}
.h6 {
color: var(--text-color);
font-weight: 600;
}
.h7 {
color: var(--text-color);
font-weight: 600;
}
.display-1 {
color: var(--text-color);
}
.display-2 {
color: var(--text-color);
}
.display-3 {
color: var(--text-color);
}
.display-4 {
color: var(--text-color);
}
.display-5 {
color: var(--text-color);
}
.display-6 {
color: var(--text-color);
}
.display-7 {
color: var(--text-color);
}
.btn-outline-special {
border-color: var(--active-background-color);
}
.btn-outline-special:hover {
background-color: var(--active-background-color) !important;
color: var(--active-text-color) !important;
}
header nav .nav-item .nav-link {
font-weight: 600;
font-size: 16px;
transition: 500ms;
}
header nav .nav-item .nav-link:hover {
transform: translateY(-3px);
transition: 500ms;
}
header nav .nav-item .nav-link:not(.active) {
color: var(--text-color);
}
header nav .nav-item .nav-link.main-border-outline {
border: 2px solid var(--active-background-color);
width: 100%;
padding: 25px 19px;
height: 40px;
display: flex;
align-items: center;
border-radius: 100px;
transition: 500ms;
color: var(--text-color);
}
header nav .nav-item .nav-link.main-border-outline:hover {
background-color: var(--active-background-color);
color: var(--active-text-color) !important;
transition: 500ms;
}
header nav .nav-item .nav-link.active {
border-radius: 500px;
background-color: var(--active-background-color) !important;
color: var(--active-text-color);
width: 50px;
height: 50px;
margin-right: .5rem;
display: flex;
align-items: center;
justify-content: center;
width: max-content;
}
.section-1 .absolute-swiper {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100% !important;
height: 100%;
opacity: 0.6;
}
.section-1 .swiper-div {
background: #000;
padding-top: 2%;
height: 392px;
}
.section-1 .swiper-div:before {
content: "";
position: absolute;
width: 100%;
height: 31%;
background: #000 !important;
left: 0;
top: 0;
z-index: 123123;
filter: blur(22px);
}
.section-1 .swiper {
width: 100%;
height: 100%;
}
.section-1 .margin-initial {
margin: initial !important;
}
.section-1 .btn-swiper {
display: flex;
padding: 6px 13px;
gap: 20px;
position: absolute;
bottom: 3rem;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.39) !important;
border: 2px solid #FFFFFF !important;
backdrop-filter: blur(5.5px) !important;
/* Note: backdrop-filter has minimal browser support */
border-radius: 250px !important;
width: 50%;
margin: auto;
color: #FFF;
}
.section-1 .btn-swiper:hover {
border: 2px solid #FFFFFF !important;
background: rgba(0, 0, 0, 0.39) !important;
color: #FFF !important;
}
.section-1 .swiper-slide {
height: 300px !important;
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(0deg, #000000 -8.17%, rgba(0, 0, 0, 0) 100%);
box-shadow: 0px 28px 29px -20px rgba(0, 0, 0, 0.14);
border: 9px solid var(--main-color);
border-radius: 24px;
background-image: url();
padding: 2%;
}
.section-1 .swiper-slide:before {
content: "";
position: absolute;
width: 100%;
height: 45%;
background: #000;
bottom: 0;
left: 0;
right: 0;
filter: blur(60px);
opacity: 0.4;
}
.section-1 .swiper-slide img {
width: 55%;
height: 100%;
object-fit: contain;
display: flex;
justify-content: center;
margin: auto;
top: -20px;
}
.section-1 .swiper-slide-next {
transform: translateY(-25px) !important;
margin-left: 30px;
}
.section-1 .swiper, .section-1 .swiper-container {
overflow: revert !important;
}
.section-3 .section-3-img {
height: 600px;
background-size: cover;
}
.section-3 .section-3-img:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
}
.section-3 .absolute-swiper {
position: absolute;
width: 100% !important;
height: 100%;
display: flex;
bottom: -5rem;
}
.section-4 .img-top svg path {
fill: var(--svg-color);
}
.section-5 .section-5-div {
background-color: #000;
}
.section-5 .section-5-img {
height: 600px;
background-size: cover;
}
.section-5 .section-5-img:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
opacity: 0.8;
}
.section-5 .absolute-swiper {
position: absolute;
height: 100%;
display: flex;
width: 100% !important;
top: 0;
transform: rotate(180deg);
}
.section-5 .customer-comments-slider {
width: 85%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
height: 150px;
}
.section-5 .customer-comments-slider .swiper-slide {
height: 100px;
color: var(--section-3-text-color);
}
.section-5 .customer-comments-slider .swiper-button-next:after, .section-5 .customer-comments-slider .swiper-rtl .swiper-button-prev:after {
content: none;
}
.section-5 .customer-comments-slider .swiper-button-next {
border: 0px solid white;
width: 40px;
border-radius: 100%;
height: 40px;
}
.section-5 .customer-comments-slider .swiper-button-next:before {
content: "";
position: absolute;
width: 59px;
height: 59px;
border: 2px solid white;
border-radius: 100%;
}
.section-5 .customer-comments-slider .swiper-button-prev:before {
content: "";
position: absolute;
width: 59px;
height: 59px;
border: 2px solid white;
border-radius: 100%;
}
.section-5 .customer-comments-slider .swiper-button-prev, .section-5 .customer-comments-slider .swiper-rtl .swiper-button-next {
left: 30px;
right: auto;
}
.section-5 .customer-comments-slider .swiper-button-next, .section-5 .customer-comments-slider .swiper-rtl .swiper-button-prev {
right: 30px;
left: auto;
}
.section-5 .customer-comments-slider .swiper-button-prev:after, .section-5 .customer-comments-slider .swiper-rtl .swiper-button-next:after {
content: none;
}
.section-5 .content {
height: 380px;
}
.section-5 .swiper-slide .h5 {
color: var(--section-text-color);
width: 50%;
margin: auto;
}
.section-6 .section-6-img {
height: 500px;
background-size: cover;
background-color: #000;
border-radius: 30px !important;
}
.section-6 .absolute-swiper {
position: absolute;
height: 100%;
display: flex;
width: 100% !important;
top: 0;
transform: rotate(180deg);
}
.section-6 .content {
height: 500px;
}
.section-7 .btn-swiper {
display: flex;
padding: 6px 13px;
gap: 20px;
width: fit-content;
margin: auto;
color: white;
background: rgba(0, 0, 0, 0.39) !important;
border: 2px solid white !important;
backdrop-filter: blur(5.5px) !important;
border-radius: 250px !important;
position: absolute;
bottom: 15px;
left: 15px;
z-index: 989999;
}
.section-7 .btn-swiper:hover {
color: #FFF !important;
}
.section-7 .categories-card {
height: 200px;
border-radius: 24px;
object-fit: contain;
background-size: cover;
background-position: center;
}
.section-7 .categories-card .absolute-swiper {
position: absolute;
bottom: 0;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
opacity: 0.8;
border-radius: 0px !important;
z-index: 0;
}
.section-7 .categories-card:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: black;
opacity: 0.1;
border-radius: 24px;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.product-name {
min-height: 50px;
margin-left: 1rem;
}
.product-name h5 {
color: var(--text-color) !important;
}
.img-products img:first-child {
position: absolute;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
bottom: 15px;
left: 30px;
filter: grayscale(1);
object-fit: contain;
}
.section-9 {
height: 250px;
}
.section-9:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #000;
z-index: 99;
opacity: 0.8;
backdrop-filter: blur(137px);
}
.section-9 .goProduct {
position: absolute;
top: 0;
bottom: 0;
z-index: 105;
align-items: center;
justify-content: center;
}
.section-9 img {
width: 100%;
height: 100%;
background-size: cover;
object-fit: cover;
position: relative;
overflow: hidden;
}
.section-9 .absolute-swiper {
position: absolute;
top: 0px;
z-index: 101;
left: 0px;
right: 0px;
width: 100%;
opacity: 0.4;
}
.categories-section .categories-card {
height: 200px;
border-radius: 24px;
object-fit: contain;
background-size: cover;
background-position: center;
}
.categories-section .categories-card:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: black;
opacity: 0.1;
border-radius: 24px;
inset: 0px;
}
.categories-section .btn-swiper {
display: flex;
padding: 6px 13px;
gap: 20px;
width: fit-content;
margin: auto;
color: white;
position: absolute;
bottom: 15px;
left: 15px;
z-index: 989999;
background: rgba(0, 0, 0, 0.39) !important;
border: 2px solid white !important;
backdrop-filter: blur(5.5px) !important;
border-radius: 250px !important;
}
.categories-section .btn-swiper:hover {
color: #FFF !important;
}
.store-section .store-card-absolute {
position: absolute;
min-width: 40px !important;
min-height: 40px !important;
max-width: 40px !important;
max-height: 40px !important;
bottom: 15px;
left: 30px;
filter: grayscale(1);
}
.store-section .img-products img:last-child {
min-width: 350px;
max-width: 350px;
min-height: 350px;
max-height: 350px;
object-fit: cover;
border-radius: 24px;
margin: auto;
text-align: center;
display: flex;
}
.store-in-page-section .store-in-page-img img {
min-width: 500px !important;
max-width: 500px !important;
}
.store-in-page-section .product-desc .active:before {
content: "";
position: absolute;
width: 80px;
height: 5px;
background: var(--main-color);
bottom: 0px;
border-radius: 60px;
}
.store-in-page-section .product-desc hr {
border-top: 5px solid !important;
}
.store-in-page-section .product-desc ul {
padding: 0;
margin: 0;
}
.store-in-page-section .product-desc a {
margin-bottom: 1rem;
color: var(--text-color) !important;
font-weight: 600;
}
.login-section .col-xl-9 {
justify-content: center;
align-items: center;
display: inline-grid;
}
.login-section .login-left-page {
height: 100vh;
background-color: #000 !important;
}
.login-section .absolute-swiper {
height: 100%;
position: absolute;
left: 0;
right: 0;
bottom: -14rem;
width: 100%;
z-index: 1231231;
filter: blur(115px);
}
.login-section .absolute-swiper svg {
position: absolute !important;
bottom: 0 !important;
height: 100%;
}
.section-404 .btn-swiper {
display: flex;
padding: 11px 19px;
gap: 18px;
width: 20%;
margin: auto;
z-index: 989999;
background: var(--btn-main-bg) !important;
color: var(--btn-main-text-color);
backdrop-filter: blur(5.5px) !important;
border-radius: 100px !important;
}
.section-404 .btn-swiper:focus {
color: var(--btn-main-text-color) !important;
}
.section-404 .btn-swiper:hover {
color: var(--btn-main-text-color) !important;
}
.references-section .categories-card {
height: 200px;
border-radius: 24px;
background-size: contain;
background-repeat: no-repeat;
}
.references-section .categories-card:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: black;
opacity: 0.1;
border-radius: 24px;
inset: 0px;
}
.references-section .absolute-swiper {
position: absolute;
inset: 0px;
width: 100%;
height: 100%;
display: flex;
opacity: 0.8;
z-index: 0;
border-radius: 0px !important;
}
.references-section .btn-swiper {
display: flex;
padding: 6px 13px;
gap: 20px;
width: 50%;
margin: auto;
color: white;
position: absolute;
bottom: 15px;
left: 15px;
z-index: 989999;
background: rgba(0, 0, 0, 0.39) !important;
border: 2px solid white !important;
backdrop-filter: blur(5.5px) !important;
border-radius: 250px !important;
}
.references-section .btn-swiper:hover {
color: #FFF !important;
}
.portfolio-section .portfolio-card img {
width: 350px;
height: 350px;
max-width: 350px;
max-height: 350px;
object-fit: contain;
}
.blog-section .bg-blog {
border: 1px solid var(--main-color);
width: max-content;
color: var(--text-color) !important;
cursor: pointer;
}
.blog-section .bg-blog:hover {
background-color: var(--main-color);
color: var(--active-text-color) !important;
}
.blog-section .bg-blog.active {
background-color: var(--main-color);
color: var(--active-text-color) !important;
}
.blog-section .blog-col-img img {
width: 350px;
height: 350px;
max-width: 350px;
max-height: 350px;
object-fit: cover;
}
.blog-in-page-section .blog-img img {
width: 850px;
height: 540px;
object-fit: cover;
}
.blog-in-page-section .desc {
width: 80%;
margin: auto;
}
.blog-in-page-section .tags {
width: 80%;
margin: auto;
}
.blog-in-page-section .bg-blog {
border: 1px solid var(--main-color);
width: max-content;
color: var(--text-color) !important;
cursor: pointer;
}
.blog-in-page-section .bg-blog:hover {
background-color: var(--main-color);
color: var(--active-text-color) !important;
}
.blog-in-page-section .bg-blog.active {
background-color: var(--main-color);
color: var(--active-text-color) !important;
}
.blog-in-page-section .write-comment {
width: 80% !important;
}
.blog-in-page-section .write-comment .write-comment-img {
width: 60px;
height: 60px;
max-width: 60px;
max-height: 60px;
object-fit: cover;
}
.credit-add-section .balance-credit .table * {
border: none;
}
.credit-add-section .balance-credit .add-credit-table {
background-color: var(--add-credit-table);
padding: .8rem;
}
.profile-button:not(.text-red) {
color: var(--text-color) !important;
}
.profile-button.active {
border: 1px solid var(--main-color);
border-radius: 250px;
font-weight: bold;
}
.profile-button:hover {
box-shadow: none !important;
}
.profile-button.active:hover {
background-color: var(--main-color);
border-radius: 250px;
color: var(--active-text-color) !important;
}
.profile-edit-section .profile-left-img {
min-width: 90px;
min-height: 90px;
border-radius: 250px !important;
max-width: 60px;
max-height: 60px;
background-size: cover;
object-fit: cover;
}
.profile-edit-section .profile-right-img {
min-width: 100px;
min-height: 100px;
border-radius: 250px !important;
max-width: 60px;
max-height: 60px;
background-size: cover;
object-fit: cover;
}
.profile-license-section table {
border-collapse: separate;
border-spacing: 0 10px;
}
.profile-license-section table tbody {
background-color: var(--add-credit-table);
}
.profile-license-section table tbody tr td:first-child {
border-radius: 12px 0px 0px 12px;
}
.profile-license-section table tbody tr td:last-child {
border-radius: 0px 12px 12px 0px;
}
.support-create-section .absolute-support-button {
position: absolute;
right: 1rem;
border-radius: 120px;
bottom: 1rem;
width: fit-content !important;
}
.support-in-page-section .customer-messsage, .support-in-page-section .author-messsage {
margin-top: 3rem;
}
.support-in-page-section .absolute-support-button {
position: absolute;
right: 1rem;
border-radius: 120px;
bottom: 1rem;
width: fit-content !important;
}
.support-in-page-section .support-card {
background-color: var(--add-credit-table);
width: 95% !important;
}
.support-in-page-section .author-messsage .col-xl-2 {
order: 1 !important;
}
.support-in-page-section .author-messsage .col-xl-8 {
order: 2 !important;
}
footer .footer-top .footer-title {
font-size: 24px;
font-weight: 600;
color: var(--text-color);
}
footer .footer-top .footer-sub {
list-style: none;
padding: 0;
margin: 0;
transition: 500ms;
}
footer .footer-top .footer-sub .btn-footer-social {
display: flex;
flex: none;
order: 1;
flex-grow: 0;
flex-direction: row;
align-items: center;
padding: 11px 19px;
gap: 18px;
border: 2px solid var(--text-color);
border-radius: 500px;
justify-content: space-between;
width: 100% !important;
}
footer .footer-top .footer-sub li {
margin-bottom: 25px;
}
footer .footer-top .footer-sub li:hover {
transform: translateY(-5px) !important;
transition: 500ms;
}
footer .footer-top .footer-sub a {
color: var(--text-color) !important;
font-weight: 600;
}
.page-section li {
list-style: revert;
}
main {
flex: 1;
}
.alert-danger {
background-color: #dc2626 !important;
border-color: #dc2626 !important;
color: #FFF !important;
}
.alert-danger:before {
font-family: "Font Awesome 5 Free";
content: "\f057";
margin-right: 1rem;
font-size: 17px;
color: #FFF;
}
.alert-success {
background-color: #16a34a !important;
border-color: #16a34a !important;
color: #FFF !important;
}
.alert-success:before {
font-family: "Font Awesome 5 Free";
content: "\f058";
margin-right: 1rem;
font-size: 17px;
color: #FFF;
}
.alert-primary {
background-color: #2563eb !important;
border-color: #2563eb !important;
color: #FFF !important;
}
.alert-warning {
background-color: #ef8407 !important;
border-color: #ef8407 !important;
color: #FFF !important;
}
.alert-warning:before {
font-family: "Font Awesome 5 Free";
content: "\f071";
margin-right: 1rem;
font-size: 17px;
color: #FFF;
font-weight: bold;
}
button.btn.btn-outline-footer.rounded-pill {
border-radius: 150px !important;
}
.btn-group .btn {
border-radius: 12px !important;
}
.btn-outline-footer {
border-color: var(--main-color);
transition: 500ms;
color: var(--text-color) !important;
font-weight: 600;
}
.btn-outline-footer:hover {
background-color: var(--main-color) !important;
transition: 500ms;
color: var(--active-text-color) !important;
}
.dropdown-footer-select li {
padding: 5% !important;
}
.dropdown-footer-select a {
color: var(--text-color) !important;
font-weight: 600;
}
ul.dropdown-menu {
border: 2px solid var(--main-color) !important;
}
button.btn.btn-outline-footer.show {
border-color: var(--main-color);
}
.dropdown-footer-select .dropdown-menu.show {
display: block;
padding-bottom: 4rem;
bottom: -3.3rem !important;
margin-left: -0.3rem !important;
z-index: 150;
min-width: 208px;
}
button.btn.btn-outline-footer.rounded-pill {
z-index: 1000;
margin-left: 0.3rem;
}
.col-lg-12.footer-info .col-lg-6:last-child .dropdown-menu.show {
z-index: 1500;
}
.col-lg-12.footer-info .col-lg-6:last-child .btn-outline-footer {
z-index: 1600;
}
.dropdown-menu.dropdown-lg {
margin: auto;
left: 0;
right: 0;
margin: auto;
display: grid;
justify-items: center;
}
ul.dropdown-menu {
background: var(--card-bg);
}
.dropdown-menu.dropdown-lg {
min-width: calc(25px * 12) !important;
margin-top: -3.4rem;
margin-left: -1rem;
margin-right: -1rem;
}
.store-price-info {
min-height: 70px;
}
.discord-connected {
border-color: #e2626b !important;
border-radius: 200px !important;
}
.discord-connected:hover {
background-color: #e2626b !important;
color: #FFF !important;
border-radius: 200px !important;
}
a.profile-button.btn.active:hover {
background-color: var(--main-color) !important;
}
.store-in-page-section .store-in-page-img img {
min-width: 500px;
max-width: 500px;
min-height: 500px;
max-height: 500px;
object-fit: contain;
}
.w-120px img {
min-width: 120px;
min-height: 120px;
max-width: 120px;
max-height: 120px;
object-fit: cover;
}
.w-120px {
width: 120px !important;
}
.swiper-wrapper {
max-height: 500px;
margin-bottom: 1rem;
align-items: center;
}
/* ============================================
MODERN PROFESSIONAL THEME - TÜM SAYFALAR
============================================ */
/* Genel Kart Tasarımı - Modern Glassmorphism */
.card {
background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 20px;
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
transition: all 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
box-shadow:
0 12px 40px rgba(0, 0, 0, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.15);
border-color: rgba(255, 255, 255, 0.3);
}
/* Store Cards - Modern Design */
.categories-card {
background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 24px !important;
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
position: relative;
}
.categories-card::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
transition: left 0.5s;
pointer-events: none;
z-index: 1;
}
.categories-card:hover {
transform: translateY(-8px) scale(1.02);
box-shadow:
0 16px 48px rgba(0, 0, 0, 0.3),
0 0 30px rgba(74, 144, 226, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.15);
border-color: rgba(74, 144, 226, 0.5);
}
.categories-card:hover::before {
left: 100%;
}
.categories-card .card-body {
position: relative;
z-index: 2;
}
/* Product Images */
.img-products {
border-radius: 16px;
overflow: hidden;
position: relative;
}
.img-products img {
transition: all 0.4s ease;
border-radius: 16px;
}
.categories-card:hover .img-products img {
transform: scale(1.05);
}
/* Product Name */
.product-name h5 {
color: var(--text-color) !important;
font-weight: 600;
transition: color 0.3s;
}
.categories-card:hover .product-name h5 {
color: #ffffff !important;
}
/* Store Price Info */
.store-price-info {
background: rgba(0, 0, 0, 0.2);
border-radius: 12px;
padding: 12px 16px;
margin-top: 12px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
}
/* Modern Buttons */
.btn-swiper {
background: linear-gradient(135deg, rgba(74, 144, 226, 0.9) 0%, rgba(53, 122, 189, 0.9) 100%) !important;
border: 1px solid rgba(74, 144, 226, 0.5) !important;
border-radius: 50px !important;
color: #ffffff !important;
font-weight: 600 !important;
backdrop-filter: blur(10px);
box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
transition: all 0.3s ease;
}
.btn-swiper:hover {
background: linear-gradient(135deg, rgba(74, 144, 226, 1) 0%, rgba(53, 122, 189, 1) 100%) !important;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
border-color: rgba(74, 144, 226, 0.8) !important;
}
.store-button {
background: linear-gradient(135deg, rgba(74, 144, 226, 0.9) 0%, rgba(53, 122, 189, 0.9) 100%) !important;
border: 1px solid rgba(74, 144, 226, 0.5) !important;
border-radius: 50px !important;
color: #ffffff !important;
font-weight: 600 !important;
backdrop-filter: blur(10px);
box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
transition: all 0.3s ease;
}
.store-button:hover {
background: linear-gradient(135deg, rgba(74, 144, 226, 1) 0%, rgba(53, 122, 189, 1) 100%) !important;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
border-color: rgba(74, 144, 226, 0.8) !important;
}
.btn-main {
background: linear-gradient(135deg, rgba(74, 144, 226, 0.9) 0%, rgba(53, 122, 189, 0.9) 100%) !important;
border: 1px solid rgba(74, 144, 226, 0.5) !important;
border-radius: 50px !important;
color: #ffffff !important;
font-weight: 600 !important;
backdrop-filter: blur(10px);
box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
transition: all 0.3s ease;
}
.btn-main:hover {
background: linear-gradient(135deg, rgba(74, 144, 226, 1) 0%, rgba(53, 122, 189, 1) 100%) !important;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
border-color: rgba(74, 144, 226, 0.8) !important;
}
/* Form Elements - Modern Design */
.form-control {
background: rgba(255, 255, 255, 0.05) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
border-radius: 12px !important;
color: var(--text-color) !important;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
}
.form-control:focus {
background: rgba(255, 255, 255, 0.08) !important;
border-color: rgba(74, 144, 226, 0.6) !important;
box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}
/* Section Headers */
.display-4, .h3, .h2, .h1 {
color: var(--text-color) !important;
font-weight: 700;
}
/* Dropdown Menus */
.dropdown-menu {
background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}
.dropdown-item {
color: var(--text-color) !important;
border-radius: 8px;
transition: all 0.2s ease;
}
.dropdown-item:hover {
background: rgba(74, 144, 226, 0.2) !important;
color: #ffffff !important;
}
/* Profile Dropdown */
.profile-dropdown .dropdown-border {
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50px;
transition: all 0.3s ease;
}
.profile-dropdown:hover .dropdown-border {
background: rgba(74, 144, 226, 0.2);
border-color: rgba(74, 144, 226, 0.5);
}
/* Shopping Button */
.shopping-button {
background: rgba(74, 144, 226, 0.2) !important;
border: 2px solid rgba(74, 144, 226, 0.5) !important;
backdrop-filter: blur(10px);
transition: all 0.3s ease;
}
.shopping-button:hover {
background: rgba(74, 144, 226, 0.4) !important;
border-color: rgba(74, 144, 226, 0.8) !important;
transform: translateY(-3px) scale(1.05);
box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
}
/* Tables */
table tbody {
background: rgba(255, 255, 255, 0.05) !important;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
}
/* Alerts */
.alert {
border-radius: 16px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
/* Footer */
footer {
background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%);
backdrop-filter: blur(20px);
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
/* Responsive Adjustments */
@media (max-width: 991px) {
.categories-card {
border-radius: 20px !important;
}
.card {
border-radius: 16px;
}
}
/* ============================================
MODERN NAVBAR TASARIMI - EN SON EKLENEN - YÜKSEK ÖNCELİK
============================================ */
/* Navbar Pill Design - En Güçlü Selector */
body.dark header nav.web-navbar.navbar.navbar-expand-lg,
body.light header nav.web-navbar.navbar.navbar-expand-lg,
header nav.web-navbar.navbar.navbar-expand-lg {
position: relative !important;
margin: 20px auto 0 auto !important;
max-width: 95% !important;
width: 95% !important;
background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
border-radius: 50px !important;
padding: 12px 30px !important;
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.3),
0 2px 8px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
transition: all 0.3s ease !important;
}
body.dark header nav.web-navbar.navbar.navbar-expand-lg:hover,
body.light header nav.web-navbar.navbar.navbar-expand-lg:hover,
header nav.web-navbar.navbar.navbar-expand-lg:hover {
box-shadow:
0 12px 40px rgba(0, 0, 0, 0.4),
0 4px 12px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
transform: translateY(-2px) !important;
}
/* Navbar Container */
body.dark header nav.web-navbar .container-85,
body.light header nav.web-navbar .container-85,
header nav.web-navbar .container-85 {
width: 100% !important;
max-width: 100% !important;
padding: 0 20px !important;
margin: 0 !important;
}
/* Navbar Links */
body.dark header nav.web-navbar .nav-link:not(.btn-auth):not(.shopping-button):not(.main-border-outline),
body.light header nav.web-navbar .nav-link:not(.btn-auth):not(.shopping-button):not(.main-border-outline),
header nav.web-navbar .nav-link:not(.btn-auth):not(.shopping-button):not(.main-border-outline) {
color: rgba(255, 255, 255, 0.9) !important;
padding: 8px 16px !important;
border-radius: 25px !important;
transition: all 0.3s ease !important;
}
body.dark header nav.web-navbar .nav-link:not(.btn-auth):not(.shopping-button):not(.main-border-outline):hover,
body.light header nav.web-navbar .nav-link:not(.btn-auth):not(.shopping-button):not(.main-border-outline):hover,
header nav.web-navbar .nav-link:not(.btn-auth):not(.shopping-button):not(.main-border-outline):hover {
background: rgba(255, 255, 255, 0.1) !important;
color: #ffffff !important;
transform: translateY(-2px) !important;
}
/* Active Page Link */
body.dark header nav.web-navbar .nav-link.main-border-outline,
body.light header nav.web-navbar .nav-link.main-border-outline,
header nav.web-navbar .nav-link.main-border-outline {
background: rgba(74, 144, 226, 0.2) !important;
border: 2px solid rgba(74, 144, 226, 0.5) !important;
color: #ffffff !important;
border-radius: 25px !important;
}
/* Auth Buttons */
body.dark header nav.web-navbar .nav-link.btn-auth.btn-login,
body.light header nav.web-navbar .nav-link.btn-auth.btn-login,
header nav.web-navbar .nav-link.btn-auth.btn-login,
a.nav-link.btn-auth.btn-login {
padding: 12px 28px !important;
border-radius: 50px !important;
font-weight: 600 !important;
font-size: 15px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative !important;
overflow: hidden !important;
border: none !important;
margin-left: 0.75rem !important;
min-width: 120px !important;
background: linear-gradient(135deg, #ff4757 0%, #ee5a6f 50%, #ff6b7a 100%) !important;
color: #ffffff !important;
box-shadow: 0 6px 20px rgba(255, 71, 87, 0.4) !important;
}
body.dark header nav.web-navbar .nav-link.btn-auth.btn-register,
body.light header nav.web-navbar .nav-link.btn-auth.btn-register,
header nav.web-navbar .nav-link.btn-auth.btn-register,
a.nav-link.btn-auth.btn-register {
padding: 12px 28px !important;
border-radius: 50px !important;
font-weight: 600 !important;
font-size: 15px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative !important;
overflow: hidden !important;
border: none !important;
margin-left: 0.75rem !important;
min-width: 120px !important;
background: linear-gradient(135deg, #4a90e2 0%, #357abd 50%, #5ba3f5 100%) !important;
color: #ffffff !important;
box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4) !important;
}
/* Shopping Button */
body.dark header nav.web-navbar .shopping-button,
body.light header nav.web-navbar .shopping-button,
header nav.web-navbar .shopping-button {
background: rgba(74, 144, 226, 0.2) !important;
border: 2px solid rgba(74, 144, 226, 0.5) !important;
backdrop-filter: blur(10px) !important;
transition: all 0.3s ease !important;
border-radius: 50px !important;
}
body.dark header nav.web-navbar .shopping-button:hover,
body.light header nav.web-navbar .shopping-button:hover,
header nav.web-navbar .shopping-button:hover {
background: rgba(74, 144, 226, 0.4) !important;
border-color: rgba(74, 144, 226, 0.8) !important;
transform: translateY(-3px) scale(1.05) !important;
box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4) !important;
}
/* Header Padding */
body.dark header,
body.light header,
header {
position: relative !important;
padding: 20px 0 !important;
margin: 0 !important;
background: transparent !important;
z-index: 1000 !important;
}
/* Duyuru Çubuğu Animasyon Stilleri - ZORLA ÇALIŞTIR */
.announcement-scroll {
flex: 1 !important;
overflow: hidden !important;
position: relative !important;
white-space: nowrap !important;
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
.announcement-track {
display: inline-flex !important;
align-items: center !important;
}
.announcement-group {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
flex-shrink: 0 !important;
white-space: nowrap !important;
}
.announcement-item {
color: #ffffff !important;
}
.announcement-item span {
color: #ffffff !important;
}
/* ============================================
CACHE BUST - Son Güncelleme: 2024
============================================ */
BOX MİNİNG PLUGIN PAKETI [1.16 - 1.21]
Yusuf Adıcan
Yönetici
1.16.5 - 1.21 Arası Uyumlu Box Mining Sunucu Paketi
Minecraft dünyasında fark yaratmak isteyenler için özel olarak tasarlanmış bu Box Mining sunucu paketi, hem oyuncu deneyimini üst seviyeye çıkaracak hem de yönetici tarafında tam kontrol sağlayacak şekilde geliştirilmiştir. 1.16.5 ile 1.21 arasındaki tüm sürümlerle tam uyumlu olan bu paket; performans, kullanıcı dostu sistemler ve özelleştirilebilirlik açısından son derece güçlü bir alt yapı sunar.
Sunucu Özellikleri ve Sistemler
Unvan Sistemi
Oyuncular, oyun içinde kazandıkları başarılarla özel unvanlara sahip olur. Her unvan, oyuncunun gelişimini ve sunucudaki yerini yansıtır.
Xp Dönüştürme
Kazandığınız deneyim puanlarını boşa harcamayın. XP dönüştürme sistemiyle XP'ler değerli kaynaklara dönüştürülerek oyun içi ekonomiye katkı sağlar.
Özel Takas
Oyuncular arası güvenli takaslar artık çok daha kolay. Özel takas sistemi sayesinde dolandırılma riski ortadan kalkar ve ticaret daha hızlı gerçekleşir.
Depo Sistemi
Eşyaları düzenli şekilde saklayabileceğiniz kapsamlı bir depo sistemi. Arayüzü kolay kullanımlı, sade ve pratik.
Savaş Koruması
Yeni başlayan oyuncular için sunulan koruma sistemi sayesinde ilk gelişim süreci güvenli hale gelir. PvP'den etkilenmeden oyun deneyimi yaşanır.
Savaş Seviyesi
Savaşarak seviye atlayan oyuncular, özel rütbeler ve ödüller kazanabilir. PvP’ye rekabetçi bir boyut kazandırır.
Süreli VIP
Oyunculara belirli süreli ayrıcalıklar sağlayan sistemdir. Süre bitiminde tüm haklar otomatik olarak sıfırlanır.
Kupon Sistemi
Etkinlikler ve görevlerle kupon kazanılabilir. Bu kuponlar ile çeşitli ödüller elde edilebilir. Oyunculara uzun vadeli hedefler sunar.
Oy Ver Sistemi
Dış sitelerde sunucuya oy veren oyuncular, otomatik olarak ödüllendirilir. Hem tanıtım hem oyuncu bağlılığı açısından faydalıdır.
Sunucu Ayarları Paneli
Tüm sistemsel ayarları kolayca yönetebileceğiniz gelişmiş bir kontrol paneli. Hem yöneticiler hem de oyuncular için erişilebilir ve anlaşılır şekilde tasarlandı.
Özel Eşyalar
Sıradan itemlerin dışına çıkan, efektli ve sunucuya özel hazırlanmış eşyalarla oyun deneyimi zenginleştirilir.
Özel Rütbeler
Oyunculara hem kozmetik hem de işlevsel avantajlar sunan rütbe sistemiyle rekabet artar. Rütbeler seviye mantığıyla ilerler.
Özel ESC Menüsü
Minecraft’ın klasik menüsü tamamen sunucuya özel hale getirilmiştir. Gelişmiş, kullanıcı dostu bir arayüz sunar.
CTRL + F Sistemi
Menüler içerisinde hızlıca arama yapabilmenizi sağlayan sistemdir. Karmaşık menülerde kaybolmayı engeller.
Otomatik Yedekleme
Sunucunuzun güvenliği için belirli aralıklarla yedek alan bu sistem sayesinde veri kaybı riskiniz minimuma iner.
Şans Bloğu
Rastgele sürprizlerle dolu şans blokları, oyunculara hem eğlenceli hem de ödüllü bir deneyim sunar.
Özel Yükleme Ekranı
Sunucuya özel olarak tasarlanmış yükleme ekranı sayesinde profesyonel bir ilk izlenim sağlanır. Marka değerinizi yansıtan bir detaydır.
Özelleştirilmiş Texture Paketi Desteği
Görsel özgünlük bir sunucunun farkını ortaya koyar. Bu paket, özel tasarlanmış bir texture paketi ile birlikte gelir. Menü ikonları, özel eşyalar ve arayüz tamamen sunucunuza özgü bir tasarıma sahip olur. Oyuncular ilk girişten itibaren farklı bir dünyaya adım attığını hisseder.
Teknik Destek ve Kurulum Yardımı
Satın alım sonrası profesyonel teknik destek hizmetimiz ile kurulumdan konfigürasyona kadar her adımda yanınızdayız. Anlaşılır dökümanlar ve uzman ekibimiz sayesinde sunucunuzu kısa sürede yayına alabilirsiniz.
İade Koşulları
Üründe iade bulunmamaktadır. Satın almadan önce detaylı bilgi edinmeniz ve özellikleri dikkatlice incelemeniz önerilir. Dilerseniz görselli örnekler için bizimle iletişime geçebilirsiniz.
Daha Fazla Bilgi
Haritalar, menü görselleri ve sistem videolarıyla desteklenmiş örnekleri görmek için [buraya tıklayarak] detaylı sunum sayfamızı ziyaret edebilirsiniz.
Bu paket, sade bir box mining sunucusunun ötesine geçmek isteyen herkes için ideal bir çözümdür. Hem stabilite hem de yenilikçilik isteyen yöneticiler için hazırlandı. Oyuncularınızı memnun edin, fark yaratın!