/*------------------------------------------------------------------//

//      RESPONSIVE SYSTEM                                                                                 //

//------------------------------------------------------------------*/

/* Geniş ekran 1600+ — Anasayfa */

@media (min-width: 1600px) {
    .hero-inner {
        min-height: 760px;
    }
    .hero-art {
        right: -55px;
    }
    .hero-woman {
        height: 810px;
        width: 540px;
    }
    .hero h1 {
        font-size: 126px;
    }
    .hero-copy {
        padding-top: 20px;
    }
    .orange-orbit {
        width: 650px;
        height: 650px;
    }
}

/* Laptop / küçük masaüstü — Anasayfa */

@media (max-width: 1200px) {
    .wrap {
        width: calc(100% - 72px);
    }
    .desktop-nav {
        gap: 15px;
    }
    .desktop-nav a {
        font-size: 12px;
    }
    .header-actions {
        gap: 12px;
    }
    .header-actions .small {
        font-size: 13px;
        padding: 12px 17px;
    }
    .hero-inner {
        min-height: 625px;
        padding-top: 55px;
    }
    .hero h1 {
        font-size: 8vw;
        letter-spacing: -4px;
    }
    .hero-art {
        right: -36px;
        width: 60%;
    }
    .hero-woman {
        height: 650px;
        width: 440px;
        right: 16px;
    }
    .orange-orbit {
        width: 500px;
        height: 490px;
        right: 20px;
    }
    .hero-hand {
        font-size: 27px;
        left: 12%;
        top: 70px;
    }
    .paper-words {
        right: 0;
        top: 150px;
    }
    .paper-words span {
        font-size: 17px;
    }
    .hero-side {
        right: 3px;
        font-size: 12px;
    }
    .about {
        gap: 65px;
    }
    .about-collage {
        height: 440px;
    }
    .about-main {
        height: 340px;
    }
    .about-small {
        height: 175px;
    }
    .result-title strong {
        font-size: 41px;
    }
    .hospital {
        gap: 55px;
    }
    .hospital-picture {
        height: 460px;
    }
    .contact {
        gap: 65px;
    }
    .footer-grid {
        gap: 27px;
    }
    .editor-meta {
        gap: 20px;
    }
    .form-card {
        padding: 30px;
    }
    .story-card img {
        height: 290px;
    }
}

/* Tablet — Anasayfa */

@media (max-width: 980px) {
    .desktop-nav {
        display: none;
    }
    .header-inner {
        gap: 20px;
    }
    .header-actions .small {
        display: inline-flex;
    }
    .hero-inner {
        min-height: 590px;
    }
    .hero h1 {
        font-size: 8.1vw;
        letter-spacing: -3px;
    }
    .hero h1 em {
        letter-spacing: -2px;
    }
    .hero-copy {
        width: 68%;
    }
    .hero-woman {
        height: 595px;
        width: 400px;
        right: -18px;
    }
    .orange-orbit {
        width: 450px;
        height: 460px;
        right: 0;
    }
    .hero-hand {
        left: 17%;
        font-size: 25px;
        top: 65px;
    }
    .paper-words {
        top: 185px;
        right: -22px;
    }
    .paper-words span {
        font-size: 16px;
    }
    .hero-side {
        display: none;
    }
    .hero-description {
        font-size: 16px;
    }
    .hero-art {
        width: 55%;
    }
    .hero-leopard {
        right: -85px;
    }
    .promises > span {
        font-size: 11px;
        gap: 10px;
    }
    .promises i {
        font-size: 28px;
    }
    .section {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .about {
        gap: 45px;
    }
    .about-collage {
        height: 390px;
    }
    .about-main {
        height: 300px;
    }
    .about-small {
        height: 145px;
    }
    .sticky-note {
        font-size: 25px;
        padding: 16px;
        right: -10px;
    }
    .about-hand {
        right: -5px;
        font-size: 23px;
    }
    .about-copy h2 {
        font-size: 51px;
    }
    .result-toggle {
        padding: 25px;
        gap: 20px;
    }
    .result-title strong {
        font-size: 35px;
    }
    .result-title small {
        font-size: 14px;
        max-width: 360px;
    }
    .result-thumb {
        right: 120px;
        opacity: 0.5;
    }
    .result-right > span:first-child {
        display: none;
    }
    .result-content {
        padding: 0 22px 25px;
    }
    .result-cards {
        gap: 11px;
    }
    .result-content-bottom .hand {
        font-size: 21px;
    }
    .hospital {
        gap: 45px;
    }
    .hospital-picture {
        height: 430px;
    }
    .hospital-copy h2 {
        font-size: 43px;
    }
    .accreditation {
        gap: 20px;
    }
    .contact {
        gap: 40px;
    }
    .contact h2 {
        font-size: 49px;
    }
    .form-card {
        padding: 27px;
    }
    .form-card h3 {
        font-size: 31px;
    }
    .contact-art {
        height: 220px;
    }
    .contact-art > span {
        left: 27px;
        font-size: 39px;
    }
    .contact-art > span em {
        font-size: 60px;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 35px 50px;
    }
    .footer-map iframe {
        height: 180px;
    }
    .editor-meta {
        flex-wrap: wrap;
        gap: 15px 25px;
    }
    .footer-credentials {
        align-items: flex-start;
    }
    .review-brands {
        gap: 13px;
    }
    .google-word {
        font-size: 17px;
    }
    .trustpilot-word {
        font-size: 16px;
    }
    .story-card img {
        height: 300px;
    }
    .section-heading h2 {
        font-size: 48px;
    }
    .videos .section-heading h2 {
        font-size: 55px;
    }
    .hotel-heading .hand {
        font-size: 26px;
    }
    .stay-benefits {
        flex-wrap: wrap;
    }
    .unfilled-cases {
        grid-template-columns: repeat(2, 1fr);
    }
    .case-placement {
        height: 220px;
    }
}

/* Mobil — Anasayfa */

@media (max-width: 640px) {
    html {
        scroll-padding-top: 20px;
    }
    .wrap {
        width: calc(100% - 40px);
    }
    .header {
        height: 81px;
    }
    .header-inner {
        width: calc(100% - 40px);
    }
    .logo {
        min-width: 96px;
    }
    .logo strong {
        font-size: 45px;
    }
    .logo svg {
        height: 58px;
        width: 22px;
    }
    .header-actions .small {
        display: none;
    }
    .menu-toggle {
        width: 39px;
        height: 39px;
    }
    .menu-panel {
        top: 81px;
        padding: 26px 25px;
    }
    .menu-panel a {
        font-size: 30px;
        padding: 15px 0;
    }
    .menu-panel > p {
        font-size: 27px;
    }
    .hero-inner {
        min-height: 815px;
        padding-top: 31px;
        padding-bottom: 0;
    }
    .hero-copy {
        width: 100%;
        z-index: 4;
    }
    .hero-copy .eyebrow {
        font-size: 12px;
        letter-spacing: 1.5px;
        margin: 0 0 19px;
        max-width: 250px;
    }
    .hero h1 {
        font-size: clamp(50px, 12.6vw, 79px);
        letter-spacing: -3px;
        line-height: 0.89;
        margin: 0 0 20px;
    }
    .hero h1 em {
        font-size: 0.67em;
        letter-spacing: -1.8px;
    }
    .hero-description {
        font-size: 16px;
        width: 65%;
        margin-top: 21px;
        max-width: 230px;
        line-height: 1.6;
    }
    .hero-copy .button {
        font-size: 14px;
        min-height: 45px;
        padding: 12px 20px;
        gap: 20px;
    }
    .hero-art {
        top: 235px;
        height: 540px;
        width: 100%;
        right: -20px;
        z-index: 1;
    }
    .hero-woman {
        height: 560px;
        width: 380px;
        right: -27px;
        bottom: -27px;
    }
    .orange-orbit {
        top: 60px;
        right: -20px;
        width: 380px;
        height: 400px;
        border-radius: 50% 48% 25% 45%;
    }
    .hero-leopard {
        width: 85px;
        height: 390px;
        top: 115px;
        right: -30px;
    }
    .hero-hand {
        top: 158px;
        left: 7px;
        font-size: 27px;
        z-index: 3;
    }
    .paper-words {
        top: 165px;
        right: -6px;
        gap: 5px;
        transform: rotate(-10deg);
    }
    .paper-words span {
        font-size: 15px;
        padding: 2px 5px;
    }
    .hero-note {
        position: absolute;
        top: 662px;
        left: 0;
        margin: 0;
        gap: 9px;
        background: var(--cream);
        padding: 9px 15px 9px 7px;
        border-radius: 30px;
    }
    .face-stack img {
        width: 31px;
        height: 31px;
    }
    .hero-note strong {
        font-size: 13px;
    }
    .hero-note span {
        font-size: 14px;
    }
    .hero-bottom {
        bottom: 17px;
        font-size: 10px;
        letter-spacing: 1px;
    }
    .hero-bottom a {
        font-size: 13px;
    }
    .hero-bottom a span {
        margin-left: 7px;
    }
    .hero-side {
        display: none;
    }
    .promises {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        padding: 10px 0;
    }
    .promises > span {
        padding: 16px 7px;
        font-size: 12px;
        letter-spacing: 0.8px;
        border-bottom: 1px solid #fff3;
        gap: 13px;
    }
    .promises > span:nth-child(3),
    .promises > span:nth-child(4) {
        border-bottom: 0;
    }
    .promises > span:last-child {
        display: none;
    }
    .promises i {
        font-size: 29px;
    }
    .section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .eyebrow {
        font-size: 12px;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }
    h2 {
        font-size: 45px;
        letter-spacing: -1.8px;
    }
    .section-heading {
        display: block;
        margin-bottom: 28px;
    }
    .section-heading h2 {
        font-size: 45px;
    }
    .section-intro {
        margin: 20px 0 0;
        font-size: 15px;
    }
    .about {
        display: flex;
        flex-direction: column;
        gap: 42px;
        padding-top: 55px;
    }
    .about-collage {
        width: 100%;
        height: 365px;
        max-width: 410px;
        margin: 0;
    }
    .about-main {
        width: 77%;
        height: 290px;
    }
    .about-small {
        height: 150px;
        width: 55%;
        right: 0;
        bottom: 0;
    }
    .sticky-note {
        right: 4px;
        top: 10px;
        font-size: 27px;
        padding: 16px 20px;
    }
    .about-caption {
        font-size: 12px;
        bottom: 35px;
        width: 120px;
    }
    .about-copy {
        width: 100%;
    }
    .about-copy h2 {
        font-size: 53px;
    }
    .about-copy p:not(.eyebrow) {
        font-size: 16px;
    }
    .about-copy .button {
        font-size: 14px;
        padding: 14px 22px;
        min-height: 47px;
    }
    .about-hand {
        right: 2px;
        bottom: -20px;
        font-size: 24px;
    }
    .surgeries {
        padding-bottom: 37px;
    }
    .surgeries .section-heading .section-intro {
        font-size: 15px;
    }
    .section-tail {
        margin-top: 22px;
        display: block;
    }
    .section-tail > span:first-child {
        font-size: 12px;
        letter-spacing: 1.7px;
    }
    .section-tail .hand {
        text-align: right;
        margin-top: 20px;
        font-size: 25px;
    }
    .results .section-heading {
        position: relative;
        padding-right: 0;
    }
    .results-intro {
        text-align: left;
        display: flex;
        align-items: center;
        gap: 20px;
        margin-top: 22px;
    }
    .results-intro .hand {
        font-size: 23px;
        order: 2;
        margin: 0 0 0 auto;
        transform: rotate(-6deg);
        min-width: 95px;
    }
    .results-intro p {
        font-size: 14px;
        max-width: 190px;
    }
    .sample-note {
        font-size: 13px;
        margin-bottom: 18px;
    }
    .result-row {
        border-radius: 17px;
    }
    .result-toggle {
        padding: 23px 17px;
        gap: 14px;
        min-height: 105px;
    }
    .result-number {
        font-size: 14px;
        padding-top: 7px;
    }
    .result-title strong {
        font-size: 30px;
        letter-spacing: -1px;
    }
    .result-title small {
        font-size: 14px;
        max-width: 230px;
        line-height: 1.5;
        margin-top: 7px;
    }
    .result-right {
        gap: 0;
        align-self: flex-start;
        margin-top: 3px;
    }
    .result-right .round {
        width: 29px;
        height: 29px;
        font-size: 20px;
    }
    .result-thumb {
        right: 10px;
        opacity: 0.25;
        max-width: 140px;
        height: 100%;
    }
    .result-content {
        padding: 0 16px 23px;
    }
    .result-cards {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 12px;
        padding-bottom: 8px;
    }
    .result-card {
        flex: 0 0 76%;
        scroll-snap-align: start;
        max-width: 270px;
        border-radius: 12px;
    }
    .result-content-bottom {
        justify-content: flex-start;
        margin-top: 18px;
    }
    .result-content-bottom .button {
        font-size: 13px;
        padding: 11px 15px;
        min-height: 41px;
        gap: 15px;
    }
    .result-content-bottom .hand {
        right: 0;
        font-size: 20px;
        max-width: 95px;
    }
    .unfilled-cases {
        gap: 10px;
    }
    .case-placement {
        height: 180px;
    }
    .case-placement i {
        font-size: 40px;
    }
    .case-placement b {
        font-size: 14px;
    }
    .case-placement span {
        font-size: 12px;
    }
    .review-brands {
        margin: 24px 0 0;
        gap: 23px;
    }
    .review-card {
        min-height: 275px;
        padding: 25px;
    }
    .review-card h3 {
        font-size: 19px;
    }
    .review-card p {
        font-size: 16px;
    }
    .review-person {
        font-size: 15px;
    }
    .slider {
        margin: 0 -7px;
    }
    .slider .slick-slide {
        margin: 0 7px;
    }
    .slider:not(.slick-initialized) > * {
        flex-basis: calc(100% - 14px);
    }
    .carousel-bottom {
        margin-top: 20px;
        gap: 15px;
    }
    .small-note {
        font-size: 13px;
        max-width: 190px;
    }
    .slide-counter {
        font-size: 13px;
        margin-right: 3px;
    }
    .slider-controls {
        gap: 6px;
    }
    .slider-controls .circle {
        width: 33px;
        height: 33px;
    }
    .outline-heart {
        font-size: 44px;
    }
    .story-card img {
        height: 390px;
    }
    .story-card h3 {
        font-size: 16px;
    }
    .story-card p {
        font-size: 14px;
    }
    .stories .section-heading h2 {
        font-size: 42px;
    }
    .videos .section-heading {
        display: flex;
        align-items: flex-end;
    }
    .videos .section-heading h2 {
        font-size: 46px;
    }
    .youtube-word {
        font-size: 16px;
        gap: 6px;
        margin-bottom: 3px;
    }
    .youtube-word > span {
        width: 24px;
        height: 17px;
        font-size: 14px;
    }
    .video-image {
        height: 230px;
    }
    .video-card h3 {
        font-size: 17px;
    }
    .video-card p {
        font-size: 15px;
    }
    .hospital {
        display: flex;
        flex-direction: column;
        gap: 56px;
    }
    .hospital-picture {
        height: 370px;
        width: 100%;
    }
    .hospital-picture > img {
        border-radius: 4px 80px 4px 4px;
    }
    .picture-tag {
        right: 4px;
        bottom: -25px;
        font-size: 29px;
        padding: 20px 28px;
    }
    .hospital-copy {
        width: 100%;
    }
    .hospital-copy h2 {
        font-size: 44px;
    }
    .hospital-copy > p {
        font-size: 16px;
    }
    .hospital-copy .small-note {
        max-width: 100%;
        font-size: 13px;
    }
    .check-list {
        font-size: 15px;
    }
    .hotel-heading {
        text-align: left;
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 24px;
    }
    .hotel-heading .hand {
        font-size: 25px;
        margin: 0;
        min-width: 130px;
    }
    .hotel-heading p {
        font-size: 14px;
        margin-left: auto;
    }
    .hotel-heading p span {
        padding: 0 1px;
    }
    .hotel-card img {
        height: 260px;
    }
    .stay-benefits {
        display: grid;
        grid-template-columns: 1fr 1fr;
        font-size: 14px;
        gap: 15px;
        padding-top: 20px;
        margin-top: 25px;
    }
    .stay-benefits .text-link {
        font-size: 14px;
    }
    .contact {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }
    .contact-story {
        width: 100%;
    }
    .contact h2 {
        font-size: 49px;
    }
    .contact-story > p:not(.eyebrow) {
        font-size: 16px;
        max-width: 290px;
    }
    .contact-story > .hand {
        position: absolute;
        right: 0;
        bottom: -8px;
        font-size: 25px;
        margin: 0;
    }
    .contact-art {
        display: none;
    }
    .form-card {
        width: 100%;
        padding: 27px 23px;
        border-radius: 15px;
        margin-top: 10px;
    }
    .form-card h3 {
        font-size: 35px;
    }
    .form-row {
        gap: 16px;
    }
    form label {
        font-size: 14px;
    }
    input:not([type="checkbox"]),
    textarea {
        font-size: 18px;
        line-height: 1.5;
    }
    input::placeholder,
    textarea::placeholder {
        font-size: 16px;
    }
    .consent {
        font-size: 14px;
    }
    .journal .section-heading h2 {
        font-size: 41px;
    }
    .blog-image {
        height: 250px;
    }
    .blog-card h3 {
        font-size: 28px;
        min-height: 0;
        line-height: 1.15;
    }
    .blog-card > p {
        font-size: 16px;
    }
    .blog-card .blog-meta {
        font-size: 12px;
    }
    .blog-card button {
        font-size: 15px;
    }
    .footer {
        padding-bottom: 87px;
    }
    .footer-top {
        display: block;
        padding: 32px 0;
        margin-bottom: 30px;
    }
    .footer-top .hand {
        font-size: 27px;
        margin-bottom: 22px;
    }
    .footer-top > a {
        font-size: 29px;
    }
    .footer-top > a span {
        margin-left: 15px;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px 20px;
    }
    .footer-brand > p {
        font-size: 14px;
        max-width: 180px;
    }
    .footer h4 {
        font-size: 12px;
        letter-spacing: 1px;
        margin-bottom: 17px;
    }
    .footer-nav {
        font-size: 14px;
        gap: 10px;
    }
    .footer-map {
        grid-column: 1/-1;
    }
    .footer-map iframe {
        height: 190px;
    }
    .footer-contact {
        grid-column: 1/-1;
        position: relative;
    }
    .footer-contact > p {
        font-size: 16px;
    }
    .socials {
        position: absolute;
        right: 0;
        bottom: 3px;
    }
    .footer-credentials {
        display: block;
        margin-top: 25px;
        padding: 25px 0;
    }
    .certificate {
        padding: 0;
    }
    .certificate img {
        height: 70px;
        width: 51px;
    }
    .certificate > span {
        font-size: 14px;
    }
    .editor-meta {
        margin-top: 25px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 17px;
        font-size: 13px;
    }
    .editor-meta strong {
        font-size: 14px;
    }
    .footer-disclaimer {
        font-size: 12px;
        line-height: 1.9;
        margin: 20px 0;
    }
    .footer-bottom {
        gap: 15px;
        flex-wrap: wrap;
        font-size: 12px;
        padding-top: 20px;
    }
    .privacy-link {
        font-size: 12px;
    }
    .agency-logo {
        font-size: 21px;
        margin-left: auto;
    }
    .footer-bottom > span {
        max-width: 160px;
    }
    .footer-bottom .privacy-link {
        order: 3;
        display: block;
        width: 100%;
        text-align: left;
        padding: 0;
    }
    .mobile-cta {
        position: fixed;
        bottom: 12px;
        left: 16px;
        right: 16px;
        z-index: 40;
        border-radius: 40px;
        background: var(--wine);
        color: white;
        border: 1px solid #fff7;
        box-shadow: 0 4px 22px #300c2630;
        min-height: 49px;
        padding: 14px 25px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1px;
    }
    .mobile-cta > span {
        font-size: 20px;
        line-height: 1;
    }
    .back-top {
        bottom: 76px;
        width: 32px;
        height: 32px;
        right: 15px;
        font-size: 17px;
    }
    .dialog-content {
        padding: 35px 25px;
        width: calc(100vw - 30px);
        max-width: 500px;
        border-radius: 12px;
    }
    .dialog-content h3 {
        font-size: 33px;
    }
    .dialog-content p {
        font-size: 16px;
    }
    .lightbox-crop {
        width: 80vw;
    }
    .video-placeholder {
        padding: 50px 25px;
    }
}

/* Azaltılmış hareket — Anasayfa */

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
        transition: none !important;
        animation: none !important;
    }
}

/* Mobil — Anasayfa */

@media (max-width: 640px) {
    .hero-art {
        top: 280px;
    }
    .hero-inner {
        min-height: 860px;
    }
    .hero-note {
        top: 707px;
    }
    .hero-copy > .button {
        padding-left: 20px;
        padding-right: 20px;
        gap: 17px;
    }
}

/* Laptop / küçük masaüstü — İç sayfalar */

@media (max-width: 1200px) {
    .inner-hero {
        gap: 45px;
    }
    .inner-hero-art {
        height: 430px;
    }
    .inner-hero-art .cutout {
        height: 540px;
    }
    .split-story {
        gap: 55px;
    }
    .category-card {
        min-height: 320px;
    }
    .category-card h3 {
        font-size: 26px;
    }
    .procedure-list {
        gap: 25px 20px;
    }
    .procedure-card > div:last-child {
        padding: 20px;
    }
    .procedure-card h3 {
        font-size: 27px;
    }
    .plan-workspace {
        grid-template-columns: 1fr 250px;
        gap: 25px;
    }
    .plan-stage {
        gap: 22px;
    }
    .procedure-selector {
        padding: 21px;
    }
    .body-figure {
        height: 570px;
    }
    .body-figure > img {
        height: 585px;
    }
    .body-hotspot {
        font-size: 13px;
        gap: 5px;
    }
    .body-hotspot span {
        padding: 6px 7px;
    }
    .body-hotspot i {
        height: 19px;
        width: 19px;
    }
    .spot-arms {
        right: 68%;
    }
    .spot-hips {
        left: 55%;
    }
    .my-plan {
        padding: 22px;
    }
    .plan-stage#plan-stage-2,
    .plan-stage#plan-stage-3 {
        grid-template-columns: 1fr;
    }
    .plan-step-intro .hand,
    #plan-stage-3 .hand {
        display: none;
    }
    .plan-step-intro h2,
    #plan-stage-3 h2 {
        font-size: 43px;
    }
    .plan-step-intro h2 br {
        display: none;
    }
    .plan-details,
    .plan-review {
        padding: 30px;
    }
    .journal-filter {
        display: block;
    }
    .journal-search {
        width: 100%;
        max-width: 320px;
        margin-top: 20px;
        display: block;
    }
    .article-layout {
        gap: 60px;
    }
    .care-team-feature {
        gap: 80px;
    }
}

/* Tablet — İç sayfalar */

@media (max-width: 980px) {
    .inner-hero {
        gap: 30px;
        min-height: 480px;
        padding-bottom: 55px;
    }
    .inner-page h1 {
        font-size: 59px;
        letter-spacing: -2.6px;
    }
    .inner-hero-art {
        height: 370px;
    }
    .inner-hero-art .cutout {
        height: 460px;
        right: 0;
        bottom: -65px;
    }
    .art-hand {
        font-size: 25px;
        padding: 15px 18px;
        right: -8px;
        bottom: 15px;
    }
    .hero-lead {
        font-size: 16px;
    }
    .inner-hero .button {
        font-size: 14px;
        gap: 20px;
        padding: 14px 22px;
        min-height: 47px;
    }
    .split-story {
        gap: 40px;
    }
    .split-story h2 {
        font-size: 44px;
    }
    .split-story p {
        font-size: 16px;
    }
    .split-story > div > .ref-crop {
        height: 390px;
    }
    .editorial-tiles {
        gap: 22px;
    }
    .editorial-tiles h3 {
        font-size: 26px;
    }
    .final-cta {
        padding: 40px;
        min-height: 350px;
    }
    .final-cta h2 {
        font-size: 51px;
    }
    .final-cta > div:first-child {
        width: 75%;
    }
    .final-cta .hand {
        font-size: 26px;
    }
    .category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .category-card {
        min-height: 335px;
    }
    .category-card h3 {
        font-size: 33px;
    }
    .procedure-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .procedure-card > .ref-crop {
        height: 225px;
    }
    .results-feature {
        gap: 35px;
        padding: 25px;
    }
    .results-feature > .ref-crop {
        height: 280px;
    }
    .results-feature h3 {
        font-size: 35px;
    }
    .pathway-grid {
        gap: 22px;
    }
    .pathway-grid article {
        padding: 25px;
    }
    .pathway-grid h3 {
        font-size: 35px;
    }
    .pathway-grid .check-list {
        line-height: 1.9;
    }
    .transfer-band {
        gap: 20px;
        padding: 25px;
    }
    .transfer-band .hand {
        display: none;
    }
    .doctor-grid {
        gap: 20px;
    }
    .doctor-photo {
        height: 250px;
    }
    .doctor-card > a > div:last-child {
        padding: 20px;
    }
    .doctor-card h3 {
        font-size: 28px;
    }
    .profile-layout {
        grid-template-columns: 230px 1fr;
        gap: 45px;
    }
    .profile-summary {
        padding: 23px;
    }
    .profile-main h2 {
        font-size: 46px;
    }
    .quick-facts {
        gap: 10px;
        padding: 23px 15px;
    }
    .quick-facts > div {
        padding: 0 10px;
    }
    .quick-facts strong {
        font-size: 14px;
    }
    .quick-facts span {
        font-size: 11px;
    }
    .consideration-grid {
        gap: 30px;
    }
    .care-team-feature {
        gap: 45px;
        grid-template-columns: 1fr 0.8fr;
    }
    .care-team-feature h2 {
        font-size: 45px;
    }
    .case-strip {
        gap: 12px;
    }
    .case-description small {
        font-size: 12px;
    }
    .case-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .result-links h3 {
        font-size: 29px;
    }
    .plan-heading > p:not(.eyebrow) {
        max-width: 230px;
        font-size: 15px;
        bottom: 130px;
    }
    .plan-heading h1 {
        font-size: 63px;
    }
    .plan-workspace {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .plan-stage {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }
    .my-plan {
        position: relative;
        top: 0;
    }
    .my-plan-title {
        padding-bottom: 12px;
        margin-bottom: 10px;
    }
    .my-plan h3 {
        font-size: 30px;
    }
    .my-plan .button {
        max-width: 280px;
    }
    .my-plan > small {
        font-size: 14px;
    }
    .my-plan .empty-plan {
        font-size: 16px;
    }
    .selected-procedure {
        padding: 11px 0;
    }
    .body-figure {
        height: 580px;
    }
    .body-figure > img {
        height: 600px;
    }
    .body-hotspot {
        font-size: 14px;
    }
    .body-hotspot span {
        padding: 7px 9px;
    }
    .body-hotspot i {
        height: 22px;
        width: 22px;
    }
    .procedure-selector h2 {
        font-size: 37px;
    }
    .procedure-selector {
        padding: 25px;
    }
    .plan-stage#plan-stage-2,
    .plan-stage#plan-stage-3 {
        grid-template-columns: 0.85fr 1.15fr;
        gap: 30px;
    }
    .featured-article {
        gap: 30px;
        padding: 25px;
    }
    .featured-article h2 {
        font-size: 36px;
    }
    .featured-article > a {
        height: 310px;
    }
    .journal-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .article-heading h1 {
        font-size: 60px;
    }
    .article-cover {
        height: 380px;
    }
    .article-layout {
        grid-template-columns: 190px 1fr;
        gap: 45px;
    }
    .article-copy p {
        font-size: 16px;
    }
    .article-copy .article-lead {
        font-size: 21px;
    }
    .article-copy h2 {
        font-size: 33px;
    }
    .contact-page {
        gap: 40px;
    }
    .contact-page h2 {
        font-size: 44px;
    }
    .directory-groups {
        grid-template-columns: 1fr 1fr;
    }
    .plan-poster strong {
        font-size: 43px;
    }
    .plan-poster {
        padding: 35px 25px;
        min-height: 370px;
    }
}

/* Mobil — İç sayfalar */

@media (max-width: 640px) {
    .breadcrumbs {
        padding-top: 20px;
        font-size: 13px;
        gap: 8px;
        flex-wrap: wrap;
    }
    .breadcrumbs > span:last-child {
        max-width: 85%;
    }
    .inner-hero {
        display: flex;
        flex-direction: column;
        gap: 35px;
        padding-top: 30px;
        padding-bottom: 50px;
        min-height: 0;
    }
    .inner-hero-copy {
        width: 100%;
    }
    .inner-page h1,
    .procedure-hero .inner-hero-copy h1 {
        font-size: 51px;
        letter-spacing: -2.3px;
        line-height: 1;
    }
    .inner-hero-copy .eyebrow {
        font-size: 13px;
    }
    .hero-lead {
        font-size: 16px;
        max-width: 100%;
        margin-bottom: 23px;
    }
    .inner-hero-art {
        height: 365px;
        width: 100%;
    }
    .inner-hero-art .cutout {
        height: 460px;
        bottom: -73px;
        right: 0;
    }
    .inner-hero-art > img:not(.cutout) {
        border-top-left-radius: 100px;
    }
    .art-hand {
        font-size: 27px;
        right: 8px;
        bottom: 15px;
    }
    .inner-hero-art.editorial-photo:after {
        inset: auto auto -10px -7px;
        border-top-left-radius: 100px;
    }
    .mini-label {
        font-size: 10px;
        left: 13px;
        top: 15px;
        letter-spacing: 0.6px;
    }
    .split-story {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }
    .split-story > div {
        width: 100%;
    }
    .split-story h2 {
        font-size: 43px;
    }
    .split-story > .ref-crop,
    .split-story > div > .ref-crop {
        height: 340px;
    }
    .split-story .hand {
        font-size: 28px;
        margin-top: 25px;
    }
    .editorial-tiles {
        grid-template-columns: 1fr 1fr;
        gap: 25px 20px;
        margin: 25px 0;
    }
    .editorial-tiles h3 {
        font-size: 25px;
    }
    .editorial-tiles p {
        font-size: 14px;
    }
    .editorial-tiles article > span {
        margin-bottom: 16px;
    }
    .editorial-tiles article {
        padding-top: 18px;
    }
    .split-story .editorial-tiles h3 {
        font-size: 25px;
    }
    .final-cta {
        padding: 32px 25px;
        margin-top: 10px;
        margin-bottom: 50px;
        min-height: 0;
        border-radius: 16px;
    }
    .final-cta > div:first-child {
        width: 100%;
    }
    .final-cta h2 {
        font-size: 44px;
        letter-spacing: -1.8px;
        margin: 23px 0 20px;
    }
    .final-cta .hand {
        font-size: 23px;
    }
    .final-cta p {
        font-size: 15px;
        max-width: 260px;
    }
    .final-cta .button {
        font-size: 14px;
        padding: 14px 22px;
        min-height: 45px;
    }
    .cta-pattern {
        width: 85px;
        top: auto;
        bottom: -30px;
        height: 150px;
        right: -30px;
        opacity: 0.9;
        border-radius: 30px;
    }
    .cta-heart {
        font-size: 70px;
        right: 10px;
        top: 15px;
        color: var(--hotpink);
        opacity: 0.35;
    }
    .category-section {
        padding-top: 10px;
    }
    .category-grid {
        gap: 13px;
        grid-template-columns: 1fr 1fr;
    }
    .category-card {
        min-height: 280px;
    }
    .category-card > div:last-child {
        left: 14px;
        right: 12px;
        bottom: 17px;
    }
    .category-card h3 {
        font-size: 24px;
        letter-spacing: -0.7px;
    }
    .category-card p {
        font-size: 14px;
        line-height: 1.6;
        min-height: 43px;
    }
    .category-card .circle {
        width: 28px;
        height: 28px;
        font-size: 18px;
    }
    .category-number {
        top: 15px;
        left: 15px;
        font-size: 13px;
    }
    .body-teaser {
        height: 330px;
    }
    .body-teaser > img {
        height: 475px;
    }
    .body-teaser > .hand {
        right: 0;
        bottom: 25px;
        font-size: 27px;
    }
    .procedure-list {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .procedure-card > .ref-crop {
        height: 260px;
    }
    .procedure-card > div:last-child {
        padding: 24px;
    }
    .procedure-card h3 {
        font-size: 32px;
    }
    .procedure-card p:not(.eyebrow) {
        font-size: 16px;
    }
    .procedure-card .eyebrow {
        font-size: 13px;
    }
    .procedure-card .text-link {
        font-size: 15px;
    }
    .procedure-card .button {
        font-size: 14px;
    }
    .results-feature {
        grid-template-columns: 1fr;
        gap: 25px;
        padding: 23px;
    }
    .results-feature > .ref-crop {
        height: 285px;
    }
    .results-feature h3 {
        font-size: 38px;
    }
    .results-feature p {
        font-size: 15px;
    }
    .section-nav {
        padding: 16px 0;
        gap: 24px;
        scrollbar-width: thin;
    }
    .section-nav a {
        font-size: 14px;
    }
    .section-nav a span {
        font-size: 12px;
        margin-right: 5px;
    }
    .pathway-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .pathway-grid article {
        padding: 27px;
    }
    .pathway-grid h3 {
        font-size: 38px;
    }
    .pathway-grid p {
        font-size: 15px;
    }
    .journey-subhead {
        display: block;
        margin-top: 30px;
    }
    .journey-subhead h3 {
        font-size: 35px;
        margin-bottom: 12px;
    }
    .journey-subhead p {
        font-size: 14px;
    }
    .transfer-band {
        padding: 25px 20px;
        gap: 20px;
        margin: 35px 0;
    }
    .transfer-icon {
        font-size: 38px;
    }
    .transfer-band h3 {
        font-size: 27px;
        line-height: 1.1;
    }
    .transfer-band p:last-child {
        font-size: 14px;
    }
    .journey-next {
        padding: 28px;
    }
    .journey-next li {
        font-size: 16px;
    }
    .doctor-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .doctor-photo {
        height: 350px;
    }
    .doctor-card > a > div:last-child {
        padding: 25px;
    }
    .doctor-card h3 {
        font-size: 33px;
    }
    .doctor-card p {
        font-size: 16px;
    }
    .profile-layout {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }
    .profile-summary {
        position: relative;
        top: 0;
        width: 100%;
        padding: 25px;
    }
    .profile-summary h3 {
        font-size: 36px;
    }
    .profile-main h2 {
        font-size: 43px;
    }
    .profile-main .lead-paragraph {
        font-size: 19px;
    }
    .qualification-list h3 {
        font-size: 25px;
    }
    .qualification-list p {
        font-size: 15px;
    }
    .faq-list summary {
        font-size: 16px;
        line-height: 1.6;
        padding: 18px 0;
        gap: 15px;
    }
    .faq-list summary > span {
        font-size: 22px;
    }
    .faq-list details p {
        font-size: 15px;
        line-height: 1.85;
    }
    .faq-list details > div {
        padding-right: 15px;
    }
    .procedure-hero .inner-hero-copy h1 em {
        font-size: 0.78em;
    }
    .quick-facts {
        grid-template-columns: 1fr 1fr;
        padding: 25px 20px;
        gap: 22px 15px;
    }
    .quick-facts > div {
        padding: 0 10px;
        border: 0;
    }
    .quick-facts span {
        font-size: 11px;
    }
    .quick-facts strong {
        font-size: 15px;
    }
    .consideration-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .consideration-grid h3 {
        font-size: 28px;
    }
    .consideration-grid ul {
        font-size: 15px;
    }
    .care-team-feature {
        display: flex;
        flex-direction: column;
        gap: 35px;
        align-items: stretch;
    }
    .care-team-feature h2 {
        font-size: 44px;
    }
    .care-team-feature .doctor-photo {
        height: 330px;
    }
    .source-note {
        font-size: 14px;
        margin-bottom: 35px;
    }
    .results-index {
        padding-top: 0;
    }
    .results-index .result-toggle {
        min-height: 95px;
    }
    .results-index .result-title strong {
        font-size: 29px;
    }
    .expanded-description {
        padding-left: 0;
        font-size: 14px;
        line-height: 1.7;
        margin: 0 0 20px;
    }
    .case-strip,
    .case-grid {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 10px;
    }
    .case-strip > .gallery-case {
        flex: 0 0 85%;
        scroll-snap-align: start;
        max-width: 300px;
    }
    .case-grid > .gallery-case {
        flex: 0 0 88%;
        scroll-snap-align: start;
        max-width: 350px;
    }
    .case-description strong {
        font-size: 15px;
    }
    .case-description small {
        font-size: 13px;
    }
    .inner-page .result-content-bottom .button {
        max-width: 100%;
        font-size: 13px;
        padding: 12px 15px;
        gap: 13px;
    }
    .inner-page .result-content-bottom .hand {
        display: none;
    }
    .inner-page .result-content-bottom {
        justify-content: center;
    }
    .result-links {
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .result-links a {
        padding: 23px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }
    .result-links h3 {
        font-size: 30px;
        margin: 0;
    }
    .result-links span {
        font-size: 14px;
    }
    .load-more-row .small-note {
        max-width: 100%;
    }
    .plan-heading {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .plan-heading h1 {
        font-size: 54px;
    }
    .plan-heading > p:not(.eyebrow) {
        position: static;
        font-size: 16px;
        max-width: 100%;
        line-height: 1.7;
        margin-bottom: 24px;
    }
    .plan-progress {
        gap: 13px;
        justify-content: space-between;
        margin-top: 25px;
        padding-top: 20px;
    }
    .plan-progress li {
        font-size: 13px;
        line-height: 1.5;
        gap: 6px;
        align-items: flex-start;
        max-width: 110px;
    }
    .plan-progress li > b {
        width: 25px;
        height: 25px;
        font-size: 13px;
        flex-shrink: 0;
    }
    .plan-workspace {
        padding-top: 0;
        padding-bottom: 50px;
        gap: 25px;
    }
    .plan-stage {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .body-explorer {
        width: 100%;
    }
    .body-figure {
        height: 535px;
        max-width: 380px;
        margin: auto;
    }
    .body-figure > img {
        height: 550px;
        top: -5px;
    }
    .body-hotspot {
        font-size: 14px;
    }
    .body-hotspot span {
        padding: 7px 10px;
    }
    .spot-arms {
        right: 69%;
    }
    .spot-hips {
        left: 54%;
    }
    .spot-breast {
        left: 57%;
    }
    .spot-tummy {
        left: 49%;
    }
    .spot-face {
        left: 57%;
    }
    .body-note {
        font-size: 27px;
        bottom: 22px;
    }
    .area-shortcuts {
        justify-content: center;
        margin-top: 10px;
        gap: 7px;
    }
    .area-shortcuts button {
        font-size: 13px;
        padding: 8px 10px;
    }
    .procedure-selector {
        padding: 27px 24px;
        width: 100%;
        border-radius: 15px;
    }
    .procedure-selector h2 {
        font-size: 37px;
    }
    .selector-help {
        font-size: 15px;
    }
    .plan-option h3 {
        font-size: 16px;
    }
    .plan-option p {
        font-size: 14px;
    }
    .plan-option a {
        font-size: 14px;
    }
    .plan-option button {
        height: 32px;
        width: 32px;
    }
    .my-plan {
        padding: 25px;
    }
    .my-plan .button {
        max-width: none;
        margin-top: 13px;
    }
    .plan-stage#plan-stage-2,
    .plan-stage#plan-stage-3 {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .plan-stage#plan-stage-2[hidden],
    .plan-stage#plan-stage-3[hidden] {
        display: none;
    }
    .plan-step-intro h2,
    #plan-stage-3 h2 {
        font-size: 43px;
    }
    .plan-step-intro p,
    #plan-stage-3 > div > p {
        font-size: 15px;
    }
    .plan-details,
    .plan-review {
        width: 100%;
        padding: 25px 22px;
    }
    .plan-details input:not([type="checkbox"]),
    .plan-details textarea {
        font-size: 18px;
    }
    .plan-details .consent {
        font-size: 14px;
    }
    .form-actions {
        gap: 20px;
    }
    .form-actions .button {
        font-size: 14px;
        padding: 12px 18px;
        gap: 20px;
    }
    .text-button {
        font-size: 14px;
    }
    .plan-review h3 {
        font-size: 29px;
    }
    .plan-review dt {
        font-size: 12px;
    }
    .plan-review dd {
        font-size: 16px;
    }
    .medical-note {
        font-size: 14px;
    }
    #plan-success {
        padding-top: 20px;
    }
    #plan-success h2 {
        font-size: 45px;
    }
    #plan-success > p:not(.eyebrow) {
        font-size: 16px;
    }
    .success-next {
        display: flex;
        flex-direction: column;
        gap: 13px;
        margin: 25px 0;
        text-align: left;
        font-size: 14px;
    }
    .success-heart {
        font-size: 80px !important;
    }
    .journal-filter {
        padding-bottom: 25px;
    }
    .filter-tabs {
        gap: 7px;
    }
    .filter-tabs button {
        font-size: 13px;
        padding: 8px 11px;
    }
    .journal-search {
        max-width: none;
        margin-top: 20px;
    }
    .journal-search input {
        font-size: 18px;
    }
    .journal-search input::placeholder {
        font-size: 15px;
    }
    .featured-article {
        grid-template-columns: 1fr;
        padding: 22px;
        gap: 25px;
        margin: 30px 0 45px;
    }
    .featured-article > a {
        height: 265px;
    }
    .featured-article h2 {
        font-size: 35px;
        letter-spacing: -1.2px;
    }
    .featured-article p {
        font-size: 15px;
    }
    .featured-article .button {
        font-size: 14px;
        min-height: 45px;
        padding: 13px 20px;
    }
    .journal-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .journal-card .blog-image {
        height: 260px;
    }
    .journal-card h3 {
        font-size: 32px;
    }
    .journal-card > p:not(.blog-meta) {
        font-size: 16px;
    }
    .journal-card .text-link {
        font-size: 15px;
    }
    .journal-card .blog-meta {
        font-size: 12px;
    }
    .journal-card .blog-meta span {
        font-size: 12px;
    }
    .article-heading {
        padding-top: 35px;
        padding-bottom: 30px;
        text-align: left;
    }
    .article-heading h1 {
        font-size: 45px;
        letter-spacing: -1.7px;
        line-height: 1.06;
    }
    .article-heading > p:not(.eyebrow) {
        font-size: 16px;
        line-height: 1.7;
        margin: 0 0 20px;
    }
    .article-meta {
        justify-content: flex-start;
        gap: 13px;
        font-size: 13px;
        flex-wrap: wrap;
    }
    .article-cover {
        height: 280px;
    }
    .article-cover img {
        border-radius: 12px;
    }
    .article-layout {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding-top: 35px;
    }
    .article-layout aside {
        position: relative;
        top: 0;
        width: 100%;
    }
    .article-layout aside nav {
        margin-bottom: 20px;
    }
    .article-layout aside nav a {
        font-size: 14px;
        padding: 11px 0;
    }
    .article-copy p {
        font-size: 16px;
        line-height: 1.9;
    }
    .article-copy .article-lead {
        font-size: 20px;
    }
    .article-copy h2 {
        font-size: 32px;
        margin-top: 30px;
    }
    .article-callout {
        padding: 25px;
    }
    .article-callout .hand {
        font-size: 28px;
    }
    .article-callout p {
        font-size: 16px;
    }
    .article-callout .button {
        font-size: 14px;
        min-height: 45px;
        padding: 13px 20px;
    }
    .contact-page {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }
    .contact-page h2 {
        font-size: 44px;
    }
    .contact-page iframe {
        height: 230px;
    }
    .contact-page .small-note {
        max-width: none;
    }
    .directory-groups {
        grid-template-columns: 1fr;
        gap: 35px;
        margin-top: 40px;
    }
    .directory-groups h2 {
        font-size: 32px;
    }
    .directory-groups a {
        font-size: 15px;
    }
    .narrow-copy h1 {
        font-size: 47px;
    }
    .narrow-copy h2 {
        font-size: 32px;
    }
    .narrow-copy > p {
        font-size: 16px;
    }
    .plan-poster {
        min-height: 330px;
        border-radius: 110px 110px 15px 15px;
    }
    .plan-poster strong {
        font-size: 47px;
    }
    .inner-page .menu-panel a {
        font-size: 28px;
        padding: 13px 0;
    }
    .inner-page .small-note {
        max-width: 100%;
    }
}

/* Küçük mobil — İç sayfalar */

@media (max-width: 360px) {
    .category-grid {
        grid-template-columns: 1fr;
    }
    .category-card {
        min-height: 270px;
    }
    .inner-page h1,
    .procedure-hero .inner-hero-copy h1 {
        font-size: 43px;
    }
    .inner-hero-art {
        height: 320px;
    }
    .inner-hero-art .cutout {
        height: 405px;
    }
    .body-hotspot {
        font-size: 13px;
    }
    .body-hotspot span {
        padding: 6px 7px;
    }
    .body-hotspot i {
        height: 18px;
        width: 18px;
    }
    .spot-hips {
        left: 51%;
    }
    .spot-arms {
        right: 67%;
    }
    .plan-heading h1 {
        font-size: 48px;
    }
    .plan-progress {
        gap: 8px;
    }
    .plan-progress li {
        font-size: 12px;
    }
    .editorial-tiles {
        grid-template-columns: 1fr;
    }
    .plan-step-intro h2,
    #plan-stage-3 h2 {
        font-size: 39px;
    }
}

/* Küçük mobil — İç sayfalar */

@media (max-width: 360px) {
    .body-figure {
        overflow: hidden;
    }
}

/* Header / Menü ölçüleri */

@media (max-width: 1200px) {
    .desktop-nav {
        gap: 22px;
    }

    .desktop-nav a {
        font-size: 13px;
        letter-spacing: 0.6px;
    }

    .header-actions .button.small {
        min-height: 46px;
        padding: 13px 22px;
        font-size: 12px;
    }
}

@media (max-width: 640px) {
    /* Metin büyüdüğü için hero görseli butonun altına alındı */
    .hero-inner {
        min-height: 880px;
    }

    .hero-art {
        top: 300px;
    }

    .hero-note {
        top: 727px;
    }

    .menu-toggle {
        width: 46px;
        height: 46px;
    }

    .menu-panel a span {
        font-size: 15px;
    }
}

@media (max-width: 360px) {
    .hero-inner {
        min-height: 930px;
    }

    .hero-art {
        top: 350px;
    }

    .hero-note {
        top: 777px;
    }
}

/* İşlem Detay İçeriği */

@media (max-width: 1200px) {
    .pd-types article,
    .pd-types article:nth-child(n + 4) {
        grid-column: span 3;
    }
    .pd-types article:last-child {
        grid-column: span 6;
    }
    .pd-timeline {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 980px) {
    .pd-split,
    .pd-panel-cols,
    .pd-steps article {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .pd-split-head {
        position: static;
    }
    .pd-panel {
        margin-bottom: 70px;
        padding: 40px 35px;
    }
}

@media (max-width: 640px) {
    .pd-types article,
    .pd-types article:nth-child(n + 4),
    .pd-types article:last-child {
        grid-column: span 6;
        padding: 26px 22px;
    }
    .pd-timeline,
    .pd-care-grid {
        grid-template-columns: 1fr;
    }
    .pd-timeline {
        margin-top: 45px;
        margin-bottom: 45px;
    }
    .pd-panel {
        margin-bottom: 55px;
        padding: 32px 22px;
    }
    .pd-panel h3,
    .pd-care-intro h3 {
        font-size: 32px;
    }
    .pd-step-title h3 {
        font-size: 30px;
    }
    .pd-table,
    .pd-table tbody,
    .pd-table tr,
    .pd-table tbody th,
    .pd-table td {
        display: block;
        width: 100%;
    }
    .pd-table thead {
        display: none;
    }
    .pd-table tr {
        padding: 22px;
        border-top: 1px solid var(--line);
    }
    .pd-table tr:first-child {
        border-top: 0;
    }
    .pd-table tbody th,
    .pd-table td {
        padding: 0;
        border: 0;
    }
    .pd-table tbody th {
        margin-bottom: 14px;
    }
    .pd-table td + td {
        margin-top: 14px;
    }
    .pd-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        color: var(--wine);
    }
}

/* Genişleyen paneller */

@media (max-width: 1200px) {
    .surgery-grid {
        gap: 8px;
        height: 420px;
    }
    .surgery-label {
        left: 22px;
        bottom: 22px;
        width: 330px;
    }
    .surgery-card.is-active .surgery-number {
        left: 22px;
    }
    .surgery-label strong {
        font-size: 32px;
    }
    .surgery-label small {
        font-size: 15px;
    }
}

/* Tablet ve mobil: yana kaydırılan kartlar */

@media (max-width: 980px) {
    .surgery-grid {
        gap: 10px;
        height: auto;
        margin-top: 27px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .surgery-grid::-webkit-scrollbar {
        display: none;
    }
    .surgery-card,
    .surgery-card.is-active {
        flex: 0 0 min(76vw, 340px);
        height: 420px;
        scroll-snap-align: start;
    }
    .surgery-card .ref-crop {
        filter: none;
        transform: none;
    }
    .surgery-vertical {
        display: none;
    }
    .surgery-number,
    .surgery-card.is-active .surgery-number {
        left: 20px;
        text-align: left;
    }
    .surgery-label,
    .surgery-card.is-active .surgery-label {
        right: 20px;
        left: 20px;
        bottom: 20px;
        width: auto;
        opacity: 1;
        translate: 0 0;
    }
    .surgery-label strong {
        font-size: 30px;
    }
    .surgery-label i {
        width: 40px;
        height: 40px;
        font-size: 19px;
    }
}