@media(max-width:767px){
  .intro--page{height:406px;}
  .intro--page .intro--head>.text h1{min-height:76px;margin-bottom:10px;}
  .intro--page .intro--head>.text p{min-height:80px}
  .alert{padding:0;line-height:26px;}
  .alert h2{margin-bottom:10px;}
  .path-wave::after{display:none}
}
@media(max-width:320px){
  .intro--page{height:380px;}
  .intro--page .intro--head>.text h1{font-size:18px;line-height:24px;min-height:50px}
}


/* Task listesi (takipcigonderialani) */
.task--list{display:flex;flex-direction:column;gap:20px;padding:0 0 40px}
.task{background:#fff;border-left:5px solid var(--p);padding:20px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.task .icon{font-size:30px;color:var(--p);margin-bottom:10px}
.task .text span{font-weight:700;font-size:18px;display:block}
.task .text p{margin:5px 0 15px;color:#555}
.task .action{display:flex;flex-wrap:wrap;gap:10px}
.butto-light{background:#f1f1f1;color:#333}
.butto-outline-success{border:2px solid #28a745;color:#28a745;background:transparent}
/* Star rating - 5x span yerine tek CSS elementi */
.r5::before{content:"★★★★★";color:#f5a623;letter-spacing:2px}
/* serviceList platform renkleri (takipcigonderialani3) */
.serviceList .item.instagram .box i,.serviceList .item.instagram .box:after,.serviceList .item.instagram a{color:#e1306c;background:#e1306c}
.serviceList .item.tiktok .box i,.serviceList .item.tiktok .box:after,.serviceList .item.tiktok a{color:#101626;background:#101626}
.serviceList .item.youtube .box i,.serviceList .item.youtube .box:after,.serviceList .item.youtube a{color:#f00;background:#f00}
.serviceList .item.twitter .box i,.serviceList .item.twitter .box:after,.serviceList .item.twitter a{color:#1da1f2;background:#1da1f2}
.serviceList .item.facebook .box i,.serviceList .item.facebook .box:after,.serviceList .item.facebook a{color:#1873eb;background:#1873eb}
.serviceList .item.twitch .box i,.serviceList .item.twitch .box:after,.serviceList .item.twitch a{color:#8d45f8;background:#8d45f8}
.serviceList .item.spotify .box i,.serviceList .item.spotify .box:after,.serviceList .item.spotify a{color:#22974c;background:#22974c}
.serviceList .item.telegram .box i,.serviceList .item.telegram .box:after,.serviceList .item.telegram a{color:#34a6d8;background:#34a6d8}

/* ===== bekleme sayfasi + genel site stilleri ===== */
.bluepageComments{background-color:#f02468!important}
.bannerArea{width:100%;background:url(../img/background.png) no-repeat bottom;background-size:auto;padding-bottom:0}
.fast-flex{position:relative;display:flex;align-items:flex-end;flex-direction:row;flex-wrap:nowrap;padding:36px 0 156px 0;justify-content:space-between;margin-bottom:-12rem}
.fast-first{width:63%;display:flex;flex-direction:column;align-items:flex-start;padding:0;z-index:9;float:right;position:relative;top:-10rem}
.fast-first>span{font-size:30px;color:#fff;font-weight:500}
.fast-first h1{float:left;margin-bottom:40px;font-size:54px;line-height:93%;color:#fff;position:relative;width:auto;font-weight:400;letter-spacing:0}
.fast-first h1 span{padding-top:0;display:inline-block;font-weight:800;font-size:54px;color:#fff;letter-spacing:0}
.fast-first p{color:#fff;font-size:22px;font-weight:400;width:100%;margin-bottom:0}
.fast-sec{width:100%;margin-left:0;margin-top:90px;background:#fff;padding:29px 18px 26px;margin-bottom:-60px;border-radius:10px;z-index:9;display:block;position:relative}
.fast-two{display:flex;float:right;z-index:0;width:37%;justify-content:flex-end}
.fast-box-area{display:flex;margin-top:65px}
.fast-box{background:#fff;padding:10px 30px;border-radius:40px;margin:0 10px 0 0;cursor:pointer;transition:.2s;position:relative;top:0;display:flex;align-items:center;height:55px}
.fast-box>a{display:flex;align-items:center;color:#fff}
.fast-box.hizmetlerimiz{background:#09afef}
.fast-box.ucretsizaraclar{background:none;border:1px solid #fff}
.fast-box:hover{top:-5px}
.fast-box:hover i{transform:rotate(360deg)}
.fast-box i{transition:.3s}
.fast-box span{font-weight:500;font-size:16px;margin-left:15px;color:#fff}
.fast-box span strong{font-weight:600}
.fast-box.secondBox{color:#444;background:#fff}
.fast-box.secondBox span{color:#444}
.bannerImage{position:relative;display:flex;width:100%;text-align:right;margin-bottom:0}
.bannerImage>img{width:100%}
.subTitlefk span{font-size:24px;color:#fff;font-weight:500}
.announcement{border-radius:60px;float:left;clear:left;position:relative;padding:0;margin-bottom:0;display:flex}
.announcement>span{color:#09afef;font-size:35px;font-weight:500;display:flex;line-height:45px;letter-spacing:0}
.offerWrapper{width:100%;display:flex;align-items:center;margin-bottom:100px}
.offerImg{max-width:600px;width:100%;float:left}
.offerImg img{width:100%;margin-top:-20px}
.offerDescription{width:100%;display:flex;flex-direction:column;padding-left:25px}
.offerTitle{display:flex;flex-direction:column;width:100%;float:left}
.offerTitle p{font-size:22px;margin:0 0 30px;max-height:100px;overflow:hidden;font-weight:400;line-height:24px}
.offerTitle h2{font-size:40px;color:#09afef;margin:0 0 20px;position:relative;font-weight:600;line-height:42px}
.offerTitle h2 span{color:rgba(var(--txtall))}
.offerBox{width:calc(50% - 10px);float:left;display:flex;align-items:center;padding:0}
.offerIcon{width:55px;min-width:55px;height:55px;min-height:55px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#e7ddfd;color:#fff;margin-bottom:0;font-size:28px;margin-right:10px}
.offerBox p{margin:0;font-size:18px;color:#362c4b;font-weight:400;display:flex;flex-direction:column}
.offerBox p span{font-weight:600;font-size:28px;float:left;clear:left;line-height:25px;color:rgba(var(--txtall))}
.offerBoxWrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:50px;gap:30px 20px}
.seoWrapper{background:none;max-height:380px;overflow:auto;padding:0 0 20px}
.seoWrapper h2{font-size:22px;color:#fff;font-weight:700}
.seoWrapper p{font-size:18px;color:#8b8b9f;margin-bottom:12px}
.seoWrapper p strong{font-size:22px}
.pad20bgw{background-color:#fff;padding:20px 20px 0;position:relative}
.pad20bgw:after{content:"";width:100%;height:100px;background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 100%);position:absolute;bottom:0;left:0;right:0}
.menu-toggler{display:none;width:30px;height:26px;position:relative;cursor:pointer;margin-left:auto}
.menu-toggler .line-1,.menu-toggler .line-2,.menu-toggler .line-3{width:30px;height:6px;border-radius:12px;background:var(--color1);position:absolute;transition:.3s}
.menu-toggler .line-1{top:0;left:0}
.menu-toggler .line-2{top:calc(50% - 3px);left:0}
.menu-toggler .line-3{bottom:0;left:0}
.menu-toggler.active .line-1{transform:rotate(45deg);top:calc(50% - 3px)}
.menu-toggler.active .line-2{visibility:hidden;opacity:0}
.menu-toggler.active .line-3{transform:rotate(-45deg);bottom:calc(50% - 3px)}
@media(max-width:991px){.menu-toggler{display:block}.menu-toggler .line-1,.menu-toggler .line-2,.menu-toggler .line-3,.menu-toggler.active .line-1,.menu-toggler.active .line-2,.menu-toggler.active .line-3{background:#09afef}}
.most-popular,.SideServices{padding:20px;border-radius:5px;background:#fff}
.sideIcon{position:absolute;left:5px;top:41%;transform:translateY(-50%);font-size:25px;color:#4c5473;display:flex}
.sideServiceList .item .icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#09afef}
.widgetsWrapper{background:#09afef;width:100%;padding:30px 0}
.wigetsArea{width:100%;display:flex;justify-content:space-between}
.widgetsBox{display:flex;align-items:center}
.widgetsBox span{display:flex;flex-direction:column;color:#fff;font-size:18px;line-height:24px;margin-left:25px}
.widgetsBox span strong{font-size:20px}
.sidebarContact{background:#fff;padding:30px;border-radius:10px}
.sidebarContact .footerInfo h3{color:#4c5473;font-size:20px;font-weight:600;padding-bottom:10px;border-bottom:1px solid #f3f4f4;margin-bottom:20px}
.sidebarContact .footerInfo ul li a span{color:#4c5473}
.contactTitle{width:100%;margin-bottom:25px}
.contactTitle h3{font-size:20px;color:#4c5473;font-weight:600;padding-bottom:15px;border-bottom:1px solid #f3f4f4;text-transform:uppercase}
.inputIcon{position:absolute;left:14px;top:11px}
.inputWithIcon{position:relative}
.inputWithIcon input{padding-left:45px}
.obj-tab{list-style:none;height:100%;margin:0 15px 0 0;cursor:pointer;display:inline-flex;align-items:center;transition:transform 150ms ease,opacity 200ms ease;border-radius:4px}
.obj-tab:hover{opacity:.8}
.obj-tablink{padding:10px;color:#3e5a70!important;font-weight:500;text-decoration:none;width:100%;display:flex;align-items:center;z-index:999;font-size:16px;border-radius:20px;background:#f2f5f8}
.active.obj-tablink{background:#1c2b45;color:#fff!important}
.obj-tab.active .obj-tablink .tabIcon{background:#09afef}
.obj-tabcontent{position:relative;display:flex;padding:10px;z-index:50}
.obj-tabcontent.specPad{padding:25px 0!important;border-top:1px solid #e8e8e9;margin-top:25px}
.card.specStep{border:none!important;border-radius:10px;background:none}
.iconBox{width:40px;height:40px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:none!important;color:#fff;border-radius:100%;margin-right:10px}
.iconBox i{color:#1c2b45}
.active.obj-tablink i{color:#fff}
.hizmetList{margin-bottom:40px}
.hizmetList .splide__pagination{bottom:-1.5em}
.tocommentArea{padding:20px 0;float:left;width:100%}
.commentbarsection{width:100%;overflow:hidden}
.commentbarsection .area{float:left;width:100%;border-top-left-radius:8px;border-bottom-left-radius:8px;padding:50px 0;position:relative}
.commentbarsection .commentcreate h4{float:left;width:100%;color:#fff;font-weight:500;font-size:22px;margin-bottom:19px}
.commentcreate .form,.commentcreate .form .input input{float:left;width:100%;background:#fff;border-radius:8px}
.commentcreate .form h5{float:left;width:100%;color:#444;font-weight:600;font-size:18px;position:relative;margin-bottom:0;padding:20px 30px;border-bottom:1px solid #e0e5f0;text-transform:uppercase}
.commentcreate .form .input{float:left;width:100%;position:relative;margin-bottom:12px}
.commentcreate .form .input input{border:1px solid #d0d8e8;padding:15px 15px 15px 45px;color:#444;font-weight:500}
.commentcreate .form .input textarea,.commentcreate .puan{border-radius:8px;float:left;width:100%;background:#fff;font-weight:500}
.commentcreate .form .input textarea{border:1px solid #d0d8e8;padding:13px 15px 13px 45px;color:#444;min-height:160px;max-height:230px;margin-bottom:10px}
.commentcreate .form .input input::placeholder{color:#211e20;font-size:15px}
.commentcreate .form button{float:right;width:100%;max-width:150px;background:#09afef;border:0;color:#fff;border-radius:8px;padding:13px 20px;font-weight:500;font-size:16px;position:relative;transition:.6s;text-align:center;outline:0;box-shadow:none}
.commentcreate .form button:hover{background:#652fdd}
.commentcreate .puan{border:1px solid #d0d8e8;padding:15px 15px 15px 45px;color:#211e20}
.rating label{position:absolute;top:0;left:0;cursor:pointer}
.rating label:last-child{position:static}
.rating label:first-child{z-index:5}
.rating label:nth-child(2){z-index:4}
.rating label:nth-child(3){z-index:3}
.rating label:nth-child(4){z-index:2}
.rating label:nth-child(5){z-index:1}
.rating label input{position:absolute;top:0;left:0;opacity:0}
.rating label .icon{float:left;color:transparent;margin-left:5px;cursor:pointer}
.rating label:last-child .icon{color:#b9c4d5}
.rating:hover label:hover input~.icon,.rating:not(:hover) label input:checked~.icon{color:#ffa133}
.rating{display:inline-block;position:relative;float:left;font-size:19px;line-height:17px;margin-top:5px;margin-bottom:30px;width:100%}
.commentitem{width:100%;border-bottom:1px solid #eaebec;margin-bottom:20px}
.commentitem p{margin-bottom:20px}
.starlist i{color:#ffa133}
.commentlist::-webkit-scrollbar{width:5px}
.commentlist::-webkit-scrollbar-track{background:#f5f5f5}
.commentlist::-webkit-scrollbar-thumb,.commentlist::-webkit-scrollbar-thumb:hover{background:#ffa133}
.orderIcon{display:flex;align-items:center;border-bottom:1px solid #eaebec;padding-bottom:25px;margin-bottom:25px}
.orderTitle{display:flex;flex-direction:column;margin-left:15px}
.orderTitle h2,.firstcont .step h2{font-weight:600;color:#4c5473;line-height:20px;font-size:20px}
.orderTitle p,.firstcont .step p{margin-bottom:0;font-size:16px;color:#4c5473;line-height:24px;padding-left:2px}
.buyContentBoxBody .form-control{height:60px;background:#fff;border:2px solid #b9c4d5}
.buyContentBoxBody label{font-size:18px;font-weight:600;color:#4c5473}
.buyContentBox{padding:20px;background:#fff;border-radius:20px}
.buyContentBoxBody{display:flex;flex-direction:column;padding:10px;background:rgba(var(--lbds));border-radius:5px;margin-bottom:12px;margin-top:12px}
.buyContentBoxBody.timer{display:flex;align-items:center;justify-content:center;text-align:center}
.buyContentBoxBody .justify-content-center .col-lg-4{width:100%;display:flex;justify-content:flex-end}
.buyContentBoxHeader{font-size:22px;color:rgba(var(--txtall));margin-bottom:5px;font-weight:700;text-transform:uppercase;position:relative}
.buyContentBoxHeader::before{content:"";position:absolute;bottom:-2px;left:0;height:5px;width:100px;background:rgba(var(--txtall));border-radius:10px}
.buyContentBoxHeader::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(var(--txtall),.1)}
input.form-control{color:rgba(var(--txtall));background:rgba(var(--lsdb),.03);font-size:15px;width:100%;min-height:50px;padding:10px 15px;border-radius:5px;display:block;border:none}
.coutdownTimer{font-weight:600;font-size:18px}
.otherServices{background:#b9c4d5;color:#fff;padding:15px 30px 15px 15px;border-radius:10px;position:relative}
.otherServices span{color:#fff}
.otherServices:after{content:"";display:block;background:url(../img/arrow-right.png) no-repeat center;background-size:contain;width:7px;height:11px;position:absolute;right:10px}
.discountBox{width:100%;padding:25px;background:#09afef;border-radius:6px}
.discountBox .icon{margin-top:-50px;margin-bottom:30px}
.discountBox>p{font-weight:400;text-align:center;color:#fff;display:flex;justify-content:center;padding-top:20px;font-size:20px;margin-bottom:10px}
.discountBox .coupon,.discountBox>strong{line-height:19px;text-align:center;display:block;font-weight:600;font-size:16px}
.buyContentOne .discountBox>strong{color:#fff;margin-bottom:20px;font-size:20px}
.discountBox .coupon{padding:15px 10px;background:#fff;border-width:1px 0;border-style:solid;border-color:rgba(0,0,0,.06);color:#877474;border-radius:12px}
.discountBox .coupon strong{color:#000}
.discountBox a{display:block;background:#2acf9b;border-radius:12px;font-weight:600;font-size:14px;text-align:center;color:#fff;text-decoration:none;padding:19px 15px;transition:.3s}
.discountBox .row{display:flex;align-items:center}
.srcwell{display:flex;align-items:center;gap:50px}
*[data-title*="instagram"]{background-color:#f02468!important}
*[data-text-title*="instagram"]{color:#f02468!important;background:transparent!important}
.pageHeader[data-title*="instagram"]{background-color:#f024683d!important}
.packagesItem[data-title*="instagram"] .packageItemTitle::before{background-color:#f02468!important}
.packagesItem[data-title*="instagram"] .packageItemLogo span i{color:#f02468!important}
.packagesItem[data-title*="instagram"] svg path{fill:#f02468!important}
.servicesMenu li a[data-title*="instagram"]{border-color:#f02468!important;color:#f02468!important}
.servicesMenu li a[data-title*="instagram"]::before{background:#f02468!important}
.toolsMenu li a[data-title*="instagram"]{color:#f02468!important}
.toolsMenu li a[data-title*="instagram"]::before{background:#f02468!important}
.servicespackageItem[data-title*="instagram"] .icon i{color:#f02468!important}
.h-100xxx{height:80px!important}

/* =============================================
   YORUM KARTLARI - Review Cards
   ============================================= */

.reviews-list.type-02 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    align-items: start;
}

.comment-item.review {
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 14px;
    padding: 20px 22px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    transition: box-shadow .2s, transform .2s;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.comment-item.review:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,.10);
    transform: translateY(-2px);
}

/* Üst satır: yıldızlar üstte, isim altında */
.review-header {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.review-stars {
    display: flex;
    gap: 2px;
    line-height: 1;
}

.review-stars span {
    color: #f5a623;
    font-size: 18px;
}

.review-name {
    font-weight: 700;
    font-size: 15px;
    color: #1a1a2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Yorum metni */
.comment-item.review .review-content p {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #555;
}

/* Mobil */
@media (max-width: 600px) {
    .reviews-list.type-02 {
        grid-template-columns: 1fr;
    }
}