.sss-page{background:#fbfaf7;min-height:100vh;color:#17212b;padding-bottom:70px}
.sss-hero{position:relative;text-align:center;padding:76px 20px 58px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)}
.sss-hero:before,.sss-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(246,99,36,.055);filter:blur(2px);z-index:0}
.sss-hero:before{left:-120px;top:30px}.sss-hero:after{right:-120px;bottom:-130px}
.sss-hero>*{position:relative;z-index:1}
.sss-hero-paw{font-size:28px;color:#f26522;margin-bottom:14px}
.sss-kicker{display:inline-block;font-size:13px;letter-spacing:2px;font-weight:800;color:#f26522;margin-bottom:10px}
.sss-hero h1{margin:0;font-family:'Nunito',sans-serif;font-size:clamp(38px,5vw,64px);font-weight:900;letter-spacing:-1.8px;color:#15212c}
.sss-title-line{display:flex;align-items:center;justify-content:center;gap:14px;margin:17px 0 16px;color:#f26522}
.sss-title-line span{width:84px;height:2px;background:#f26522;opacity:.55}.sss-title-line i{font-size:17px}
.sss-hero p{max-width:720px;margin:0 auto;color:#5d6570;font-size:18px;line-height:1.65}
.sss-wrap{width:min(1040px,calc(100% - 36px));margin:30px auto}
.sss-intro{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #ece7df;border-radius:18px;padding:20px 22px;margin:0 0 22px;box-shadow:0 10px 30px rgba(20,30,40,.055)}
.sss-intro-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#fff1e9;color:#f26522;font-size:22px;flex:0 0 52px}
.sss-intro strong{display:block;font-size:17px;margin-bottom:4px}.sss-intro span{display:block;color:#6e7379;font-size:14px}.sss-count{margin-left:auto;text-align:center;min-width:68px;padding-left:18px;border-left:1px solid #ece7df}.sss-count b{display:block;font-family:'Nunito',sans-serif;font-size:25px;color:#7b8c28;line-height:1}.sss-count small{font-size:10px;font-weight:800;letter-spacing:1px;color:#7b7f83}
.sss-list{display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid #e9e5de;border-radius:16px;overflow:hidden;box-shadow:0 5px 18px rgba(20,30,40,.035);transition:.2s ease}
.faq-item:hover{border-color:#f2c6ae}.faq-item.is-open{border-color:#f26522;box-shadow:0 12px 28px rgba(242,101,34,.09)}
.faq-question{width:100%;display:grid;grid-template-columns:48px 1fr 42px;align-items:center;gap:16px;padding:20px 22px;border:0;background:transparent;text-align:left;cursor:pointer;color:#17212b;font:inherit}
.faq-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f5f1ea;color:#7b8c28;font-size:12px;font-weight:900}.faq-item.is-open .faq-number{background:#fff0e8;color:#f26522}
.faq-question-text{font-size:17px;font-weight:800;line-height:1.45}.faq-toggle{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f7f4ef;color:#f26522;transition:.2s}.faq-toggle i{transition:.2s}.faq-item.is-open .faq-toggle{background:#f26522;color:#fff}.faq-item.is-open .faq-toggle i{transform:rotate(45deg)}
.faq-answer{border-top:1px solid #eee9e2}.faq-answer-inner{padding:20px 82px 24px;color:#59616a;font-size:15.5px;line-height:1.78}.faq-answer-inner p{margin:0 0 13px}.faq-answer-inner p:last-child{margin-bottom:0}.faq-answer-inner strong{color:#17212b}
.sss-note{display:flex;gap:15px;align-items:flex-start;background:#f1f3e8;border:1px solid #dfe4c8;border-radius:16px;padding:20px 22px;margin-top:24px;color:#566027}.sss-note>i{font-size:21px;margin-top:2px}.sss-note strong{display:block;color:#667526;font-size:15px;margin-bottom:4px}.sss-note p{margin:0;color:#60676d;font-size:13px;line-height:1.65}
@media(max-width:700px){.sss-hero{padding:54px 18px 42px}.sss-hero h1{font-size:38px}.sss-hero p{font-size:16px}.sss-wrap{width:min(100% - 24px,1040px)}.sss-intro{padding:16px}.sss-count{display:none}.faq-question{grid-template-columns:38px 1fr 34px;gap:11px;padding:16px}.faq-number{width:34px;height:34px}.faq-question-text{font-size:15px}.faq-answer-inner{padding:17px 18px 20px;font-size:14.5px}.sss-note{padding:17px}}
.sss-page .hipder-inner-hero {
    min-height: 360px;
    display: flex;
    align-items: center;
    overflow: hidden;

    background:
        url("../images/bg/hipder-genel-bg.webp")
        center / cover no-repeat !important;
}

.sss-page .hipder-inner-hero .container {
    position: relative;
    z-index: 2;
}

.sss-page .hipder-inner-hero__content {
    padding: 62px 0;
    color: #fff;
    max-width: 720px;
}