body{background-color:#f5f5f5;color:#333;font-family:"Segoe UI",sans-serif;margin:0;padding:0}
.container-max{max-width:1250px;margin:0 auto;padding:0 15px}
section{width:100%;padding:60px 0;text-align:center}
.hero{background:url(/i/hero.webp) no-repeat center center;background-size:cover;position:relative;color:#fff}
.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:0}
.hero > *{position:relative;z-index:1}
.hero h1{font-size:2.5rem;color:#fff;font-weight:600;letter-spacing:-1px}
.card{border:1px solid #cfcfcf;background-color:#fff;text-align:center;transition:transform 0.2s,box-shadow .2s;border-radius:0}
.card:hover{box-shadow:0 6px 20px #0000001f}
.card-img-wrapper{position:relative;height:120px;display:flex;justify-content:center;align-items:center;background-color:#fafafa;padding-top:20px}
.card-img-wrapper img{max-height:100px;max-width:100px}
.followers-count{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);background-color:#ffffffb3;color:#ee3b55;font-weight:700;padding:6px 32px;font-size:23px;border-radius:0}
p.card-text{margin:0!important;padding:0 !important!}
.btn-orange{background-color:#ff7f00;color:#fff;border:none;margin:15px 0;padding:10px 20px}
.btn-orange:hover{background-color:#ff5411;color:#fff}
.tum-paketler{background-color:#f9f9f9;color:#333}
.about-section{background-color:#fff;color:#333}
.reviews-section{background-color:#cee4f6;color:#333;border-top:1px solid #ccc}
.faq-section{background-color:#fff;color:#333;border-top:1px solid #b7b7b7}
section h2{margin-bottom:30px;font-weight:600}
section p{margin-bottom:15px}
.review-card{display:flex;align-items:center;gap:15px;background:#fff;padding:15px;border-radius:8px;margin-bottom:20px;max-width:500px;margin-left:auto;margin-right:auto;box-shadow:0 4px 10px #0000000d}
.review-card img{width:60px;height:60px;border-radius:50%;object-fit:cover}
.review-stars svg{width:16px;height:16px;fill:#ffbf00}
footer{background-color:#ff7f00;color:#fff;padding:30px 0;text-align:center}
header{background-color:#fff;padding:15px 0;border-bottom:1px solid #e0e0e0}
header .logo img{height:50px}
.navbar-nav{list-style:none;padding-left:0;margin:0}
.nav-item{margin:0}
.nav-link{display:flex;align-items:center;gap:6px;font-family:"Inter","Segoe UI",Arial,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.65px;color:#000;padding:10px 15px;opacity:.78;transition:opacity .25s ease,color .25s ease}
.nav-link:hover{opacity:1;color:#ff7f00}
@media (max-width: 767px) {
#mainMenu{background-color:#fff;border-top:1px solid #e0e0e0;padding:10px 0}
.navbar-nav{flex-direction:column;gap:5px}
.nav-link{padding:10px 20px}
}
.accordion-body{text-align:left}
.footer-section{background-color:#2c2e2e;color:#fff;padding:50px 20px 20px;font-family:"Segoe UI",sans-serif}
.footer-section h5{border-bottom:2px solid #ff7f00;padding-bottom:5px;margin-bottom:15px;font-size:1.1rem}
.footer-section p,.footer-section li{font-size:.9rem;line-height:1.5}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin-bottom:8px}
.footer-links li a{color:#fff;text-decoration:none;transition:color .2s}
.footer-links li a:hover{color:#ff7f00}
.payment-logos img{height:28px;margin-right:10px;vertical-align:middle}
.footer-bottom{border-top:1px solid #fff3;padding-top:15px;font-size:.85rem}
.price-box{text-align:center;margin:10px 0;padding:0}
.price-label{display:block;font-size:12px;color:#888;margin-bottom:2px}
.price{font-size:26px;font-weight:700;color:#ff6a00}
.favorites{display:inline-block;margin-bottom:25px;padding:6px 14px;font-size:22px;font-weight:600;color:#fff;border-radius:0;letter-spacing:.3px;margin-top:10px;letter-spacing:-.6px}
.price-box{display:flex;align-items:center;justify-content:center;gap:8px;margin:15px 0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.old-price{font-size:16px;color:#999;text-decoration:line-through}
.price{font-size:26px;font-weight:700;color:#ff6a00}
.p1{font-weight:700;color:#095db6}
.sx{text-align:left}
.ss{width:185px;background:#095db6;opacity:100;color:#fff}
.ss:hover{color:#fff}
@media (max-width:768px) {
.col-6{flex:0 0 auto;width:100%}
.hero h1{font-size:24px}
}