/*
Theme Name: Hurda Fiyatları 360 V4.1
Description: Fiyat odaklı, mobil uyumlu ve HF360 Fiyat Yönetimi eklentisiyle çalışan özel tema.
Version: 4.1.0
Requires PHP: 8.0
Text Domain: hf360
*/
:root{--bg:#05090e;--bg2:#0b121a;--card:#101923;--text:#f8fafc;--muted:#aab4bf;--orange:#ff6a00;--green:#22c983;--line:rgba(255,255,255,.085);--r:22px;--container:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(calc(100% - 32px),var(--container));margin:auto}.section{padding:78px 0}.card{background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.016));border:1px solid var(--line);border-radius:var(--r);box-shadow:0 20px 55px rgba(0,0,0,.3)}.muted{color:var(--muted)}
.header{position:sticky;top:0;z-index:50;background:rgba(4,8,12,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-in{min-height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:22px;white-space:nowrap}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#111a24;color:var(--orange);border:1px solid var(--line)}.nav{margin-left:auto}.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}.nav a{font-weight:800;font-size:14px;color:#d7dde4}.nav a:hover{color:#fff}.head-actions{display:flex;gap:10px}.menu-btn{display:none;margin-left:auto;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:#101821;color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border-radius:14px;font-weight:900;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-orange{background:linear-gradient(135deg,var(--orange),#ff8c2a);color:#111}.btn-dark{background:rgba(255,255,255,.04);border-color:var(--line)}.btn-green{background:var(--green);color:#06140e}
.hero{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    overflow:hidden;
    border-bottom:1px solid var(--line);

}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.56}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,9,.98),rgba(3,6,9,.82) 55%,rgba(3,6,9,.38)),radial-gradient(circle at 20% 85%,rgba(255,106,0,.28),transparent 35%)}.hero-in{position:relative;z-index:2;padding:100px 0}.update{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,106,0,.38);background:rgba(255,106,0,.08);font-weight:800;color:#ffd8bd}.dot{width:9px;height:9px;border-radius:50%;background:#20d184;box-shadow:0 0 0 6px rgba(32,209,132,.12)}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.98;letter-spacing:-.055em;margin:20px 0 16px;max-width:950px}.hero p{font-size:clamp(18px,2vw,23px);max-width:760px;color:var(--muted);margin:0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-48px;position:relative;z-index:4}.stat{padding:22px}.stat small{color:var(--muted)}.stat strong{display:block;font-size:27px;margin-top:5px}
.sec-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.sec-head h2{font-size:clamp(32px,4vw,50px);line-height:1.05;margin:0;letter-spacing:-.035em}.sec-head p{max-width:620px;margin:0;color:var(--muted)}.kicker{display:block;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:13px;margin-bottom:6px}
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.price-card{overflow:hidden}.price-img{height:220px;background:center/cover no-repeat;position:relative}.price-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28))}.price-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:linear-gradient(135deg,#23b97a,#168f5d);color:#04110b;font-size:18px;font-weight:900}.price-card table{width:100%;border-collapse:collapse}.price-card td{padding:13px 16px;border-bottom:1px solid var(--line)}.price-card td:last-child{text-align:right;font-weight:900;white-space:nowrap}.price-card tr:last-child td{border-bottom:0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:24px}.about-copy{padding:40px}.about-copy h2{font-size:44px;line-height:1.08;margin:8px 0 16px}.about-img{min-height:420px;background:center/cover no-repeat;border-radius:var(--r)}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service{padding:26px}.service i{font-style:normal;font-size:30px}.service h3{margin:12px 0 7px}.service p{margin:0;color:var(--muted)}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden}.contact-copy{padding:38px}.contact-copy h2{font-size:42px;line-height:1.08;margin:8px 0 14px}.contact-box{padding:14px 16px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:14px;margin-top:12px}.map iframe{display:block;width:100%;height:100%;min-height:460px;border:0}
.footer{padding:50px 0 24px;border-top:1px solid var(--line);background:#030609}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.footer-links{display:grid;gap:9px}.footer-links a{color:var(--muted)}.copy{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:#7e8995;font-size:14px}
.float{position:fixed;right:18px;bottom:18px;z-index:90;display:grid;gap:10px}.float a{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:22px;box-shadow:0 14px 38px rgba(0,0,0,.35)}.float .call{background:var(--orange);color:#111}.float .wa{background:var(--green);color:#06140e}
.content{padding:70px 0}.content article{max-width:900px;margin:auto}
.notice{padding:18px;border-radius:16px;background:rgba(255,106,0,.08);border:1px solid rgba(255,106,0,.25);margin-bottom:22px}
@media(max-width:1020px){.nav,.head-actions{display:none}.menu-btn{display:grid;place-items:center}.nav.open{display:block;position:absolute;top:78px;left:0;right:0;background:#070b10;padding:18px}.nav.open ul{display:grid}.price-grid{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:repeat(2,1fr)}.about,.contact{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.section{padding:56px 0}.hero{min-height:620px}.hero h1{font-size:52px}.stats{grid-template-columns:1fr 1fr;margin-top:-28px}.price-grid,.services{grid-template-columns:1fr}.sec-head{display:grid;align-items:start}.footer-grid{grid-template-columns:1fr}.about-copy,.contact-copy{padding:26px}.float{right:12px;bottom:12px}.float a{width:52px;height:52px}}
.hf360-guide {
    padding: 88px 0;
    background:
        radial-gradient(circle at 12% 3%, rgba(255, 106, 0, 0.08), transparent 25%),
        #05090e;
}

.hf360-guide > .wrap {
    width: min(calc(100% - 32px), 1180px);
}

/* Rehber giriş alanı */
.hf360-guide-header {
    max-width: 960px;
    margin: 0 0 34px;
    text-align: left;
}

.hf360-guide-header .kicker {
    display: block;
    margin-bottom: 10px;
    color: #ff7a1a;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.hf360-guide-header h2 {
    position: relative;
    margin: 0 0 18px;
    padding: 0 0 17px 22px;
    color: #ffffff;
    font-size: clamp(36px, 5vw, 58px);
    line-height: 1.08;
    letter-spacing: -0.04em;
    text-align: left;
}

.hf360-guide-header h2::before {
    position: absolute;
    top: 3px;
    bottom: 20px;
    left: 0;
    width: 5px;
    border-radius: 10px;
    background: linear-gradient(180deg, #ff6a00, #ff9a45);
    content: "";
}

.hf360-guide-header h2::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 22px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 106, 0, 0.70), rgba(255, 255, 255, 0.06), transparent);
    content: "";
}

.hf360-guide-header p {
    max-width: 900px;
    margin: 0;
    color: #b9c3cd;
    font-size: 18px;
    line-height: 1.85;
}

/* İçindekiler */
.hf360-toc {
    margin: 0 0 30px;
    padding: 26px 28px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015));
}

.hf360-toc > strong {
    display: block;
    margin-bottom: 16px;
    color: #ffffff;
    font-size: 21px;
}

.hf360-toc-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hf360-toc-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    color: #dce3e9;
    font-size: 14px;
    font-weight: 800;
    transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease;
}

.hf360-toc-links a:hover {
    border-color: #ff6a00;
    background: #ff6a00;
    color: #101010;
    transform: translateY(-2px);
}

/* 01, 02, 03 gibi numaralar görünmesin */
.hf360-number {
    display: none !important;
}

/* Her metal için ana makale kartı */
.hf360-article {
    position: relative;
    max-width: 1100px;
    margin: 30px 0 0;
    padding: 44px 50px;
    overflow: hidden;
    scroll-margin-top: 110px;
    border: 1px solid rgba(255, 255, 255, 0.085);
    border-radius: 22px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012));
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
}

.hf360-article::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: linear-gradient(180deg, #ff6a00, rgba(255, 106, 0, 0.08));
    content: "";
}

/* H2: Metal ana başlıkları */
.hf360-article > h2 {
    position: relative;
    margin: 0 0 27px;
    padding: 0 0 17px;
    color: #ffffff;
    font-size: clamp(31px, 4vw, 45px);
    line-height: 1.13;
    letter-spacing: -0.035em;
    text-align: left;
}

.hf360-article > h2::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 106, 0, 0.75), rgba(255, 255, 255, 0.07), transparent);
    content: "";
}

/* H3: Arama niyetine uygun alt başlıklar */
.hf360-article h3 {
    position: relative;
    margin: 37px 0 14px;
    padding-left: 20px;
    color: #ff8a32;
    font-size: clamp(21px, 2.4vw, 27px);
    line-height: 1.35;
    text-align: left;
}

.hf360-article h3::before {
    position: absolute;
    top: 0.55em;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff6a00;
    box-shadow: 0 0 0 5px rgba(255, 106, 0, 0.11);
    content: "";
}

/* Metinler */
.hf360-article p {
    max-width: 1000px;
    margin: 0 0 21px;
    color: #c4ccd4;
    font-size: 17px;
    line-height: 1.90;
    text-align: left;
}

.hf360-article > h2 + p {
    color: #e0e5e9;
    font-size: 18px;
}

/* Listeler */
.hf360-article ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px 18px;
    margin: 20px 0 30px;
    padding: 0;
    list-style: none;
}

.hf360-article li {
    position: relative;
    padding: 13px 15px 13px 42px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.025);
    color: #cbd2d9;
    font-size: 16px;
    line-height: 1.55;
}

.hf360-article li::before {
    position: absolute;
    top: 12px;
    left: 15px;
    color: #22c983;
    content: "✓";
    font-size: 17px;
    font-weight: 900;
}

/* Piyasa faktörleri */
.hf360-factors {
    margin-top: 36px;
    padding: 42px;
}

.hf360-factors > h2 {
    position: relative;
    margin: 8px 0 28px;
    padding: 0 0 16px 22px;
    color: #ffffff;
    font-size: clamp(32px, 4vw, 47px);
    line-height: 1.12;
    text-align: left;
}

.hf360-factors > h2::before {
    position: absolute;
    top: 3px;
    bottom: 19px;
    left: 0;
    width: 5px;
    border-radius: 10px;
    background: #ff6a00;
    content: "";
}

.hf360-factors > h2::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 22px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 106, 0, 0.68), transparent);
    content: "";
}

.hf360-factor-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.hf360-factor-grid > div {
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.025);
}

.hf360-factor-grid strong {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 18px;
}

.hf360-factor-grid p {
    margin: 0;
    color: #aeb8c2;
    line-height: 1.75;
}

/* Sık sorulan sorular */
.hf360-faq {
    margin-top: 70px;
}

.hf360-faq details {
    margin-top: 14px;
    padding: 0 24px;
}

.hf360-faq summary {
    padding: 21px 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    cursor: pointer;
}

.hf360-faq details p {
    margin: 0;
    padding: 0 0 22px;
    color: #aeb8c2;
    line-height: 1.8;
}

/* Tablet */
@media (max-width: 900px) {
    .hf360-factor-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Telefon */
@media (max-width: 680px) {
    .hf360-guide {
        padding: 58px 0;
    }

    .hf360-guide > .wrap {
        width: min(calc(100% - 22px), 1180px);
    }

    .hf360-guide-header h2 {
        padding-left: 17px;
        font-size: 34px;
    }

    .hf360-guide-header p {
        font-size: 16px;
        line-height: 1.8;
    }

    .hf360-toc {
        padding: 21px;
    }

    .hf360-toc-links {
        gap: 8px;
    }

    .hf360-toc-links a {
        min-height: 39px;
        padding: 0 13px;
        font-size: 13px;
    }

    .hf360-article {
        padding: 28px 23px;
    }

    .hf360-article > h2 {
        font-size: 30px;
    }

    .hf360-article h3 {
        padding-left: 18px;
        font-size: 21px;
    }

    .hf360-article p,
    .hf360-article > h2 + p {
        font-size: 16px;
        line-height: 1.82;
    }

    .hf360-article ul,
    .hf360-factor-grid {
        grid-template-columns: 1fr;
    }

    .hf360-factors {
        padding: 28px 23px;
    }
}
/* ==================================================
   HF360 PROFESYONEL HAKKIMIZDA SAYFASI
   ================================================== */

.hf-about-content {
    max-width: 1380px;
    margin: 0 auto;
    padding: 20px 0 80px;
}

.hf-about-content * {
    box-sizing: border-box;
}

.hf-about-intro {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 28px;
    align-items: stretch;
    margin-bottom: 28px;
}

.hf-about-intro-copy,
.hf-about-image {
    min-height: 520px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 24px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.035),
        rgba(255, 255, 255, 0.012)
    );
}

.hf-about-intro-copy {
    padding: 52px;
}

.hf-about-label {
    display: block;
    margin-bottom: 12px;
    color: #ff7417;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.11em;
}

.hf-about-content h2 {
    margin: 0 0 21px;
    color: #ffffff;
    font-size: clamp(32px, 4vw, 50px);
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.hf-about-content h3 {
    margin: 15px 0 10px;
    color: #ffffff;
    font-size: 22px;
}

.hf-about-content p {
    color: #b7c1cb;
    font-size: 17px;
    line-height: 1.85;
}

.hf-about-lead {
    color: #e3e8ec !important;
    font-size: 19px !important;
}

.hf-about-image {
    overflow: hidden;
}

.hf-about-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
}

.hf-about-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 30px;
}

.hf-about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 23px;
    border-radius: 14px;
    color: #0a0d10 !important;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none !important;
    transition: transform .2s ease, opacity .2s ease;
}

.hf-about-btn:hover {
    opacity: 0.92;
    transform: translateY(-2px);
}

.hf-about-btn-orange {
    background: #ff7417;
}

.hf-about-btn-green {
    background: #23ce8a;
}

.hf-about-section,
.hf-about-dark-section,
.hf-about-types-section {
    margin-top: 26px;
    padding: 50px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 24px;
}

.hf-about-section {
    background: rgba(255, 255, 255, 0.018);
}

.hf-about-dark-section {
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(255, 116, 23, 0.09),
            transparent 30%
        ),
        #080e14;
}

.hf-about-types-section {
    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(35, 206, 138, 0.08),
            transparent 30%
        ),
        rgba(255, 255, 255, 0.018);
}

.hf-about-heading {
    max-width: 900px;
    margin-bottom: 34px;
}

.hf-about-heading p {
    margin-bottom: 0;
}

.hf-about-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
}

.hf-about-card {
    padding: 27px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
}

.hf-about-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 116, 23, 0.24);
    border-radius: 15px;
    background: rgba(255, 116, 23, 0.08);
    font-size: 26px;
}

.hf-about-card p {
    margin-bottom: 0;
    font-size: 16px;
}

.hf-about-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.hf-about-stat {
    padding: 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.025);
}

.hf-about-stat strong {
    display: block;
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 37px;
}

.hf-about-stat span {
    color: #9faab4;
}

.hf-about-two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.hf-about-large-card {
    padding: 38px;
}

.hf-about-check-list {
    display: grid;
    gap: 11px;
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
}

.hf-about-check-list li {
    position: relative;
    padding: 14px 15px 14px 42px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.02);
    color: #c6ced5;
}

.hf-about-check-list li::before {
    position: absolute;
    left: 15px;
    color: #23ce8a;
    content: "✓";
    font-weight: 900;
}

.hf-about-types-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.hf-about-types-grid a {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.025);
    color: #dce2e7 !important;
    font-weight: 800;
    text-decoration: none !important;
    transition: .2s ease;
}

.hf-about-types-grid a:hover {
    border-color: #ff7417;
    color: #ff8a3d !important;
    transform: translateY(-2px);
}

.hf-about-faq {
    display: grid;
    gap: 13px;
}

.hf-about-faq details {
    padding: 0 23px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.023);
}

.hf-about-faq summary {
    padding: 21px 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    cursor: pointer;
}

.hf-about-faq details p {
    margin: 0;
    padding: 0 0 22px;
}

.hf-about-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-top: 26px;
    padding: 46px 50px;
    border: 1px solid rgba(255, 116, 23, 0.22);
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 90% 50%,
            rgba(255, 116, 23, 0.16),
            transparent 30%
        ),
        rgba(255, 255, 255, 0.025);
}

.hf-about-cta h2 {
    margin-bottom: 10px;
}

.hf-about-cta p {
    max-width: 720px;
    margin: 0;
}

.hf-about-cta .hf-about-buttons {
    flex-shrink: 0;
    margin-top: 0;
}

/* Tablet */

@media (max-width: 1050px) {

    .hf-about-intro,
    .hf-about-two-column {
        grid-template-columns: 1fr;
    }

    .hf-about-feature-grid,
    .hf-about-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hf-about-types-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hf-about-cta {
        display: block;
    }

    .hf-about-cta .hf-about-buttons {
        margin-top: 25px;
    }

}

/* Telefon */

@media (max-width: 680px) {

    .hf-about-content {
        padding-bottom: 55px;
    }

    .hf-about-intro {
        gap: 16px;
    }

    .hf-about-intro-copy {
        min-height: auto;
        padding: 29px 23px;
    }

    .hf-about-image,
    .hf-about-image img {
        min-height: 330px;
    }

    .hf-about-content h2 {
        font-size: 32px;
    }

    .hf-about-content p,
    .hf-about-lead {
        font-size: 16px !important;
        line-height: 1.78;
    }

    .hf-about-section,
    .hf-about-dark-section,
    .hf-about-types-section {
        padding: 29px 22px;
        border-radius: 20px;
    }

    .hf-about-feature-grid,
    .hf-about-stats,
    .hf-about-types-grid {
        grid-template-columns: 1fr;
    }

    .hf-about-large-card {
        padding: 25px 21px;
    }

    .hf-about-cta {
        padding: 30px 23px;
    }

    .hf-about-buttons {
        display: grid;
        grid-template-columns: 1fr;
    }

    .hf-about-btn {
        width: 100%;
    }

}
/* =========================
   HİZMETLERİMİZ SAYFASI
=========================*/

.service-page{
max-width:1200px;
margin:0 auto;
padding:90px 20px;
}

.service-hero{
text-align:center;
margin-bottom:70px;
}

.service-hero h2{
font-size:52px;
font-weight:800;
color:#fff;
margin-bottom:20px;
line-height:1.2;
}

.service-hero p{
max-width:900px;
margin:auto;
font-size:19px;
line-height:1.9;
color:#b6b6b6;
}

.service-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:28px;
margin-top:60px;
}

.service-card{
background:#11161d;
border:1px solid rgba(255,255,255,.06);
border-radius:22px;
padding:35px;
transition:.35s;
position:relative;
overflow:hidden;
}

.service-card:before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:#ff7a00;
transform:scaleX(0);
transition:.35s;
}

.service-card:hover:before{
transform:scaleX(1);
}

.service-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.45);
border-color:#ff7a00;
}

.service-card h3{
font-size:28px;
color:#fff;
margin-bottom:18px;
font-weight:800;
}

.service-card p{
font-size:17px;
line-height:1.8;
color:#b9b9b9;
}

.service-cta{
margin-top:90px;
padding:70px;
border-radius:24px;
background:linear-gradient(135deg,#ff7a00,#ff9d2b);
text-align:center;
}

.service-cta h2{
font-size:42px;
font-weight:800;
color:#fff;
margin-bottom:20px;
}

.service-cta p{
font-size:19px;
line-height:1.8;
color:#fff;
max-width:850px;
margin:0 auto 35px;
}

.service-cta .btn{
display:inline-block;
padding:18px 45px;
background:#111;
color:#fff;
font-size:18px;
font-weight:700;
border-radius:14px;
text-decoration:none;
transition:.3s;
}

.service-cta .btn:hover{
transform:translateY(-3px);
background:#000;
}

@media(max-width:991px){

.service-page{
padding:70px 18px;
}

.service-hero h2{
font-size:38px;
}

.service-card h3{
font-size:24px;
}

.service-cta{
padding:45px 25px;
}

.service-cta h2{
font-size:32px;
}

}

@media(max-width:768px){

.service-grid{
grid-template-columns:1fr;
}

.service-hero h2{
font-size:32px;
}

.service-hero p{
font-size:17px;
}

.service-card{
padding:28px;
}

.service-card p{
font-size:16px;
}

.service-cta h2{
font-size:28px;
}

.service-cta p{
font-size:17px;
}

}
/* HF360 KAYAR FİYAT ŞERİDİ */

.hf-ticker{
  width:100%;
  height:40px;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:#0f1318;
  border-top:1px solid rgba(255,106,0,.35);
  border-bottom:1px solid rgba(255,255,255,.08);
  white-space:nowrap;
}

body.home .hf-ticker-track{
    display:flex !important;
    align-items:center !important;
    width:max-content !important;
    min-width:max-content !important;
    height:72px !important;
    animation:hfTickerMobile 35s linear infinite !important;
    will-change:transform !important;
}

.hf-ticker:hover .hf-ticker-track{
  animation-play-state:paused;
}

.hf-ticker-item{
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:40px;
  padding:0 24px;
  font-size:14px;
  border-right:1px solid rgba(255,255,255,.08);
}

.hf-ticker-name{
  color:#d8dde3;
  font-weight:600;
}

.hf-ticker-price{
  color:#fff;
  font-weight:800;
}

.hf-ticker-arrow{
  font-size:12px;
  font-weight:900;
}

.hf-ticker-item.up .hf-ticker-arrow{
  color:#22c55e;
}

.hf-ticker-item.down .hf-ticker-arrow{
  color:#ef4444;
}

.hf-ticker-item.stable .hf-ticker-arrow{
  color:#f59e0b;
}

@keyframes hfTickerMove{
  from{
    transform:translateX(100vw);
  }

  to{
    transform:translateX(-100%);
  }
}

/* KAYAR ŞERİDİ KARTLARIN ÜSTÜNE AL */
.hf-ticker{
    position:relative;
    z-index:10;
    transform:translateY(-55px);
    height:55px;
    overflow:hidden;
}

/* ŞERİT İÇİNDE İSİM VE FİYATI ALT ALTA GÖSTER */
.hf-ticker-item{
    height:55px;
    min-width:180px;
    padding:6px 16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    line-height:1.2;
}

/* FİYAT SATIRI */
.hf-ticker-item strong,
.hf-ticker-item .price,
.hf-ticker-item span:last-child{
    display:block;
    margin-top:4px;
    color:#20d184;
    font-size:14px;
    font-weight:800;
}
.hf-ticker-price{
    display:block !important;
    color:#20d184 !important;
    font-size:15px !important;
    font-weight:700 !important;
    margin-top:3px;
}
.hf-ticker{
    height:72px !important;
}

.hf-ticker-item{
    height:72px !important;
    padding:8px 18px !important;
    justify-content:center !important;
}

.hf-ticker-price{
    margin-top:5px !important;
    line-height:1.2 !important;
}
  /* MOBİL HERO VE KAYAR ŞERİT */
@media screen and (max-width:1024px){

    /* Piyasa özeti yalnızca mobilde gizlensin */
    .market-summary{
        display:none !important;
    }

    /* Hero mobil düzen */
    .hero{
        min-height:auto !important;
        height:auto !important;
        padding-bottom:0 !important;
        overflow:hidden !important;
    }

    .hero-in{
        display:block !important;
        min-height:auto !important;
        padding-top:60px !important;
        padding-bottom:25px !important;
    }

    /* Kayar şerit mobilde görünür ve düzgün konumlanır */
    .hf-ticker{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;

        position:relative !important;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        width:100% !important;
        max-width:100% !important;
        height:68px !important;

        margin:0 !important;
        transform:none !important;
        overflow:hidden !important;
        z-index:20 !important;
    }

    .hf-ticker-track{
        display:flex !important;
        align-items:center !important;
        width:max-content !important;
        min-width:max-content !important;
        height:68px !important;
        animation:hfTickerMove 45s linear infinite !important;
        will-change:transform !important;
    }

    .hf-ticker-item{
        display:flex !important;
        flex:0 0 160px !important;
        min-width:160px !important;
        height:68px !important;
        padding:6px 12px !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
    }

    .hf-ticker-name{
        font-size:13px !important;
        text-align:center !important;
        white-space:nowrap !important;
    }

    .hf-ticker-price{
        display:block !important;
        margin-top:4px !important;
        font-size:14px !important;
        line-height:1.2 !important;
    }
}
/* MOBİL PİYASA ÖZETİ VE KAYAR ŞERİT */
@media screen and (max-width:1024px){

    .market-summary{
        display:none !important;
    }

    body.home .hf-ticker{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
        position:relative !important;
        width:100% !important;
        max-width:100% !important;
        height:72px !important;
       margin:-18px 0 18px 0 !important;
        transform:none !important;
        overflow:hidden !important;
        z-index:50 !important;
    }

    body.home .hf-ticker-track{
        display:flex !important;
        align-items:center !important;
        width:max-content !important;
        min-width:max-content !important;
        height:72px !important;
        transform:translateX(0);
        animation:hfTickerMobile 35s linear infinite !important;
    }

    body.home .hf-ticker-item{
        display:flex !important;
        flex:0 0 170px !important;
        min-width:170px !important;
        height:72px !important;
        padding:7px 12px !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
    }

    body.home .hf-ticker-name{
        font-size:13px !important;
        white-space:nowrap !important;
    }

    body.home .hf-ticker-price{
        display:block !important;
        margin-top:5px !important;
        font-size:14px !important;
    }
}

/* Mobilde şerit hemen görünerek kaymaya başlar */
@keyframes hfTickerMobile{
    0%{
        transform:translateX(100vw);
    }

    100%{
        transform:translateX(-100%);
    }
}
@media screen and (max-width:1024px){

    body.home .hero .market-summary{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
    }

}