/*
 * 724Takipci - ucretsiz hizmet detay sayfalari alt bolum temasi
 * Form akisini degistirmez; degerlendirme, SSS, soru-cevap ve makaleyi
 * ust bolumdeki koyu mor/mavi tasarim diliyle birlestirir.
 */

body.free-detail-724 #free724-app {
    --free-content-bg: #080a18;
    --free-content-panel: #0d1022;
    --free-content-card: #12162b;
    --free-content-card-soft: #171b31;
    --free-content-line: rgba(255, 255, 255, .105);
    --free-content-line-strong: rgba(255, 255, 255, .18);
    --free-content-text: #f7f7fc;
    --free-content-muted: #aeb3c6;
    --free-content-subtle: #7f879f;
    --free-content-purple: #8a54f6;
    --free-content-pink: #ed2872;
    --free-content-teal: #31b9aa;
    --free-content-cyan: #32c8db;
}

body.free-detail-724 #free724-app .content-sections-724,
body.free-detail-724 #free724-app .free724-article {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Ortak arka plan: ust sahnedeki mor/mavi isik dilinin daha sakin devami. */
body.free-detail-724 #free724-app .content-sections-724 {
    position: relative !important;
    isolation: isolate;
    margin-top: -1px;
    padding: 76px 0 42px;
    color: var(--free-content-text);
    background:
        radial-gradient(circle at 7% 15%, rgba(91, 63, 221, .38), transparent 29%),
        radial-gradient(circle at 91% 22%, rgba(39, 190, 205, .22), transparent 25%),
        radial-gradient(circle at 82% 92%, rgba(210, 39, 220, .20), transparent 28%),
        linear-gradient(142deg, #180132 0%, #17133f 43%, #081927 100%);
    overflow: visible !important;
}

body.free-detail-724 #free724-app .content-sections-724::before,
body.free-detail-724 #free724-app .content-sections-724::after {
    position: absolute;
    z-index: -1;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    content: "";
    filter: blur(76px);
    opacity: .42;
    pointer-events: none;
}

body.free-detail-724 #free724-app .content-sections-724::before {
    top: 7%;
    left: -190px;
    background: #4b38e7;
}

body.free-detail-724 #free724-app .content-sections-724::after {
    right: -190px;
    bottom: 2%;
    background: #b61ccb;
}

body.free-detail-724 #free724-app .content-sections-724 > .container,
body.free-detail-724 #free724-app .free724-article > .container {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: none !important;
    margin-inline: auto;
}

/* Sekmeli ana panel */
body.free-detail-724 #free724-app .content-section-shell {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--free-content-line-strong);
    border-radius: 27px;
    color: var(--free-content-text);
    background:
        radial-gradient(circle at 82% 0, rgba(48, 196, 211, .09), transparent 28%),
        linear-gradient(145deg, rgba(8, 10, 25, .97), rgba(13, 13, 35, .96));
    box-shadow: 0 34px 90px rgba(2, 2, 15, .38), inset 0 1px 0 rgba(255, 255, 255, .035);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

body.free-detail-724 #free724-app .content-section-shell::before {
    z-index: 5;
    height: 3px;
    background: linear-gradient(90deg, var(--free-content-purple), var(--free-content-cyan) 52%, var(--free-content-pink));
}

body.free-detail-724 #free724-app .content-section-tabs {
    display: flex;
    gap: 8px;
    padding: 13px;
    border-bottom: 1px solid var(--free-content-line);
    background: rgba(255, 255, 255, .025);
    scrollbar-color: rgba(255, 255, 255, .25) transparent;
    scrollbar-width: thin;
}

body.free-detail-724 #free724-app .content-section-tab {
    min-height: 48px;
    padding: 12px 17px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: rgba(232, 233, 244, .62);
    background: transparent;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: -.005em;
    box-shadow: none;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
}

body.free-detail-724 #free724-app .content-section-tab i {
    color: #6ed9cf;
    font-size: 18px;
}

body.free-detail-724 #free724-app .content-section-tab:hover {
    border-color: var(--free-content-line);
    color: #fff;
    background: rgba(255, 255, 255, .055);
}

body.free-detail-724 #free724-app .content-section-tab.active {
    border-color: rgba(255, 255, 255, .18);
    color: #fff;
    background: linear-gradient(135deg, rgba(132, 76, 242, .92), rgba(220, 39, 147, .88));
    box-shadow: 0 12px 28px rgba(100, 47, 195, .28), inset 0 1px 0 rgba(255, 255, 255, .18);
}

body.free-detail-724 #free724-app .content-section-tab.active i {
    color: #fff;
}

body.free-detail-724 #free724-app .content-section-tab:focus-visible {
    outline: 3px solid rgba(77, 213, 201, .62);
    outline-offset: 2px;
}

body.free-detail-724 #free724-app .content-section-panels {
    padding: clamp(25px, 3.6vw, 42px);
    background: transparent;
}

body.free-detail-724 #free724-app .content-section-heading {
    max-width: 760px;
    margin: 0 0 26px;
}

body.free-detail-724 #free724-app .content-section-heading h2,
body.free-detail-724 #free724-app .content-review-summary h2,
body.free-detail-724 #free724-app .content-section-form h3 {
    color: var(--free-content-text);
    font-family: inherit;
    text-rendering: optimizeLegibility;
}

body.free-detail-724 #free724-app .content-section-heading h2,
body.free-detail-724 #free724-app .content-review-summary h2 {
    margin: 6px 0 0;
    font-size: clamp(25px, 3vw, 35px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.026em;
}

body.free-detail-724 #free724-app .content-section-kicker {
    color: #62d8cd;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .15em;
}

/* Nasil kullanilir ve fiyat gibi zengin metin alanlari */
body.free-detail-724 #free724-app .content-section-richtext {
    padding: clamp(20px, 3vw, 30px);
    border: 1px solid var(--free-content-line);
    border-radius: 18px;
    color: var(--free-content-muted);
    background: rgba(255, 255, 255, .035);
    font-size: 15px;
    line-height: 1.78;
}

body.free-detail-724 #free724-app .content-section-richtext > :first-child {
    margin-top: 0;
}

body.free-detail-724 #free724-app .content-section-richtext > :last-child {
    margin-bottom: 0;
}

body.free-detail-724 #free724-app .content-section-richtext h1,
body.free-detail-724 #free724-app .content-section-richtext h2,
body.free-detail-724 #free724-app .content-section-richtext h3,
body.free-detail-724 #free724-app .content-section-richtext h4,
body.free-detail-724 #free724-app .content-section-richtext strong {
    color: #fff;
}

body.free-detail-724 #free724-app .content-section-richtext h2,
body.free-detail-724 #free724-app .content-section-richtext h3,
body.free-detail-724 #free724-app .content-section-richtext h4 {
    font-weight: 700;
    letter-spacing: -.018em;
}

body.free-detail-724 #free724-app .content-section-richtext a {
    color: #70ded4;
    font-weight: 650;
    text-underline-offset: 3px;
}

body.free-detail-724 #free724-app .content-section-richtext li::marker {
    color: var(--free-content-pink);
}

body.free-detail-724 #free724-app .content-price-table {
    overflow: hidden;
    border: 1px solid var(--free-content-line);
    border-radius: 18px;
    background: rgba(255, 255, 255, .028);
    box-shadow: none;
}

body.free-detail-724 #free724-app .content-price-row {
    min-height: 60px;
    padding: 15px 20px;
    border-bottom-color: var(--free-content-line);
    color: var(--free-content-muted);
    background: transparent;
}

body.free-detail-724 #free724-app .content-price-row:nth-child(odd) {
    background: rgba(255, 255, 255, .035);
}

body.free-detail-724 #free724-app .content-price-row strong {
    color: #70ded4;
}

/* Degerlendirmeler */
body.free-detail-724 #free724-app .content-review-layout {
    grid-template-columns: minmax(265px, 310px) minmax(0, 1fr);
    gap: 24px;
}

body.free-detail-724 #free724-app .content-review-summary {
    position: relative;
    overflow: hidden;
    padding: 27px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 21px;
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(54, 207, 201, .30), transparent 40%),
        radial-gradient(circle at 0 100%, rgba(235, 38, 114, .25), transparent 41%),
        linear-gradient(145deg, #17113d, #0d1227);
    box-shadow: 0 22px 48px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .05);
}

body.free-detail-724 #free724-app .content-review-summary::after {
    position: absolute;
    top: -76px;
    right: -76px;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    content: "";
}

body.free-detail-724 #free724-app .content-review-score {
    gap: 15px;
    margin: 23px 0;
}

body.free-detail-724 #free724-app .content-review-score > strong {
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    letter-spacing: -.045em;
}

body.free-detail-724 #free724-app .content-stars {
    color: #ffb733;
    letter-spacing: .04em;
}

body.free-detail-724 #free724-app .content-review-score small,
body.free-detail-724 #free724-app .content-review-bar {
    color: rgba(225, 228, 240, .64);
}

body.free-detail-724 #free724-app .content-review-bar i {
    height: 7px;
    background: rgba(255, 255, 255, .12);
}

body.free-detail-724 #free724-app .content-review-bar b {
    background: linear-gradient(90deg, #ffac2c, #ffd35e);
}

body.free-detail-724 #free724-app .content-review-main,
body.free-detail-724 #free724-app .content-review-list {
    min-width: 0;
}

body.free-detail-724 #free724-app .content-review-list {
    gap: 12px;
    max-height: none !important;
    padding-right: 0;
    overflow: visible !important;
}

body.free-detail-724 #free724-app .content-review-item {
    padding: 18px;
    border: 1px solid var(--free-content-line);
    border-radius: 17px;
    color: var(--free-content-text);
    background: rgba(255, 255, 255, .04);
    box-shadow: none;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}

body.free-detail-724 #free724-app .content-review-item:hover {
    transform: translateY(-2px);
    border-color: rgba(99, 217, 207, .30);
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 15px 34px rgba(0, 0, 0, .13);
}

body.free-detail-724 #free724-app .content-review-avatar {
    color: #fff;
    background: linear-gradient(145deg, #6b52ea, #c72dcc);
}

body.free-detail-724 #free724-app .content-review-item-head strong {
    color: #fff;
    font-weight: 700;
}

body.free-detail-724 #free724-app .content-review-item-head time {
    color: var(--free-content-subtle);
}

body.free-detail-724 #free724-app .content-review-item p {
    color: var(--free-content-muted);
    line-height: 1.68;
}

body.free-detail-724 #free724-app .content-section-empty {
    border: 1px dashed rgba(95, 214, 204, .28);
    border-radius: 15px;
    color: var(--free-content-muted);
    background: rgba(48, 185, 170, .055);
}

/* Degerlendirme ve soru formlari */
body.free-detail-724 #free724-app .content-section-form {
    gap: 14px;
    margin-top: 18px;
    padding: 21px;
    border: 1px solid var(--free-content-line);
    border-radius: 18px;
    color: var(--free-content-text);
    background: rgba(255, 255, 255, .035);
    box-shadow: none;
}

body.free-detail-724 #free724-app .content-section-form h3 {
    margin: 0 0 2px;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -.015em;
}

body.free-detail-724 #free724-app .content-section-form label > span,
body.free-detail-724 #free724-app .content-rating legend,
body.free-detail-724 #free724-app .content-private-name {
    color: #c7cad8;
    font-weight: 600;
}

body.free-detail-724 #free724-app .content-section-form input[type="text"],
body.free-detail-724 #free724-app .content-section-form textarea,
body.free-detail-724 #free724-app .content-section-form select {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .055);
    box-shadow: none;
}

body.free-detail-724 #free724-app .content-section-form input::placeholder,
body.free-detail-724 #free724-app .content-section-form textarea::placeholder {
    color: #777f97;
    opacity: 1;
}

body.free-detail-724 #free724-app .content-section-form input:focus,
body.free-detail-724 #free724-app .content-section-form textarea:focus,
body.free-detail-724 #free724-app .content-section-form select:focus {
    border-color: rgba(86, 213, 202, .72);
    outline: 0;
    background: rgba(255, 255, 255, .075);
    box-shadow: 0 0 0 4px rgba(49, 185, 170, .12);
}

body.free-detail-724 #free724-app .content-section-form input[type="checkbox"] {
    accent-color: var(--free-content-teal);
}

body.free-detail-724 #free724-app .content-rating label {
    color: #555c73;
}

body.free-detail-724 #free724-app .content-rating input:checked ~ label,
body.free-detail-724 #free724-app .content-rating label:hover,
body.free-detail-724 #free724-app .content-rating label:hover ~ label {
    color: #ffb733;
}

body.free-detail-724 #free724-app .content-section-form .butto {
    min-height: 46px;
    padding-inline: 19px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(115deg, #31b9aa, #289e96);
    box-shadow: 0 13px 28px rgba(38, 157, 149, .20);
    font-weight: 700;
}

body.free-detail-724 #free724-app .content-section-form .butto:hover {
    border-color: rgba(255, 255, 255, .24);
    color: #fff;
    transform: translateY(-1px);
}

body.free-detail-724 #free724-app .content-section-form .butto:focus-visible {
    outline: 3px solid rgba(94, 220, 209, .62);
    outline-offset: 3px;
}

body.free-detail-724 #free724-app .content-form-message.success {
    color: #7de3c6;
    background: rgba(44, 190, 147, .11);
}

body.free-detail-724 #free724-app .content-form-message.error {
    color: #ff9aae;
    background: rgba(237, 40, 114, .11);
}

/* SSS */
body.free-detail-724 #free724-app .content-faq-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px;
}

body.free-detail-724 #free724-app .content-faq-item {
    overflow: hidden;
    border: 1px solid var(--free-content-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .035);
    box-shadow: none;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

body.free-detail-724 #free724-app .content-faq-item:hover,
body.free-detail-724 #free724-app .content-faq-item.open {
    border-color: rgba(94, 220, 209, .28);
    background: rgba(255, 255, 255, .055);
    box-shadow: 0 15px 34px rgba(0, 0, 0, .12);
}

body.free-detail-724 #free724-app .content-faq-item > button {
    min-height: 66px;
    padding: 17px 18px;
    color: #f1f2f8;
    background: transparent;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.45;
}

body.free-detail-724 #free724-app .content-faq-item > button i {
    display: grid;
    width: 31px;
    min-width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(145deg, #784ce9, #bd31d3);
}

body.free-detail-724 #free724-app .content-faq-item.open > button i {
    background: linear-gradient(145deg, #37c0b2, #239a95);
}

body.free-detail-724 #free724-app .content-faq-item > button:focus-visible,
body.free-detail-724 #free724-app .content-qa-question:focus-visible {
    outline: 3px solid rgba(94, 220, 209, .50);
    outline-offset: -3px;
}

body.free-detail-724 #free724-app .content-faq-answer {
    padding: 0 18px 19px;
    color: var(--free-content-muted);
    font-size: 14px;
    line-height: 1.72;
}

/* Soru - cevap */
body.free-detail-724 #free724-app .content-qa-layout {
    grid-template-columns: minmax(0, 1.25fr) minmax(285px, .75fr);
    gap: 22px;
}

body.free-detail-724 #free724-app .content-qa-list {
    gap: 12px;
}

body.free-detail-724 #free724-app .content-qa-item {
    overflow: hidden;
    border: 1px solid var(--free-content-line);
    border-radius: 17px;
    color: var(--free-content-text);
    background: rgba(255, 255, 255, .035);
    box-shadow: none;
}

body.free-detail-724 #free724-app .content-qa-item.open {
    border-color: rgba(133, 85, 244, .34);
    background: rgba(255, 255, 255, .05);
}

body.free-detail-724 #free724-app .content-qa-item .content-qa-question {
    min-height: 68px;
    padding: 16px 17px;
    color: #f1f2f8;
    background: transparent;
    font-size: 14px;
}

body.free-detail-724 #free724-app .content-qa-question > i:first-child {
    color: #fff;
    background: linear-gradient(145deg, #704fe5, #9b39dd);
}

body.free-detail-724 #free724-app .content-qa-question strong {
    font-weight: 650;
}

body.free-detail-724 #free724-app .content-qa-question > .content-qa-toggle {
    color: #66dacf;
}

body.free-detail-724 #free724-app .content-qa-item .content-qa-answer {
    border-top: 1px solid var(--free-content-line);
    color: var(--free-content-muted);
    background: rgba(4, 8, 20, .34);
}

body.free-detail-724 #free724-app .content-qa-answer > i {
    color: #fff;
    background: linear-gradient(145deg, #35bbaa, #238f8c);
}

body.free-detail-724 #free724-app .content-qa-answer small {
    color: #6edacf;
}

body.free-detail-724 #free724-app .content-qa-answer p {
    color: var(--free-content-muted);
}

body.free-detail-724 #free724-app .content-question-form {
    position: static;
    top: auto;
    margin-top: 0;
}

/* Makale: uzun metinde okunabilir ama ayni koyu tema. */
body.free-detail-724 #free724-app .free724-article {
    position: relative !important;
    isolation: isolate;
    padding: 42px 0 96px;
    color: var(--free-content-text);
    background:
        radial-gradient(circle at 90% 12%, rgba(45, 190, 200, .16), transparent 26%),
        radial-gradient(circle at 10% 82%, rgba(121, 67, 230, .18), transparent 28%),
        linear-gradient(180deg, #090b19 0%, #0c0e21 100%);
    overflow: visible !important;
}

body.free-detail-724 #free724-app .free724-article::before {
    position: absolute;
    z-index: -1;
    top: -190px;
    left: 50%;
    width: 720px;
    height: 360px;
    border-radius: 50%;
    background: rgba(117, 69, 225, .14);
    content: "";
    filter: blur(90px);
    transform: translateX(-50%);
    pointer-events: none;
}

body.free-detail-724 #free724-app .free724-section-title {
    max-width: 820px;
    margin: 0 0 23px;
}

body.free-detail-724 #free724-app .free724-section-title > span {
    color: #67d8ce;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .15em;
}

body.free-detail-724 #free724-app .free724-section-title > span::before {
    background: linear-gradient(90deg, #67d8ce, #8a54f6);
}

body.free-detail-724 #free724-app .free724-section-title h2 {
    color: #fff;
    font-family: inherit;
    font-size: clamp(26px, 3.4vw, 38px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.026em;
    text-rendering: optimizeLegibility;
}

body.free-detail-724 #free724-app .free724-article .article--area {
    position: relative;
    overflow: hidden;
    padding: clamp(25px, 4.2vw, 48px);
    border: 1px solid var(--free-content-line-strong);
    border-radius: 24px;
    color: #b9bfd0;
    background:
        radial-gradient(circle at 100% 0, rgba(51, 194, 203, .065), transparent 25%),
        linear-gradient(145deg, rgba(17, 20, 42, .98), rgba(10, 13, 29, .98));
    box-shadow: 0 29px 70px rgba(0, 0, 0, .27), inset 0 1px 0 rgba(255, 255, 255, .035);
    font-size: 15.5px;
    line-height: 1.82;
}

body.free-detail-724 #free724-app .free724-article .article--area::before {
    height: 3px;
    background: linear-gradient(90deg, var(--free-content-purple), var(--free-content-cyan) 53%, var(--free-content-pink));
}

body.free-detail-724 #free724-app .free724-article .article--area h1,
body.free-detail-724 #free724-app .free724-article .article--area h2,
body.free-detail-724 #free724-app .free724-article .article--area h3,
body.free-detail-724 #free724-app .free724-article .article--area h4,
body.free-detail-724 #free724-app .free724-article .article--area h5,
body.free-detail-724 #free724-app .free724-article .article--area h6,
body.free-detail-724 #free724-app .free724-article .article--area strong {
    color: #f7f8fc;
}

body.free-detail-724 #free724-app .free724-article .article--area h1,
body.free-detail-724 #free724-app .free724-article .article--area h2,
body.free-detail-724 #free724-app .free724-article .article--area h3,
body.free-detail-724 #free724-app .free724-article .article--area h4 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.018em;
}

body.free-detail-724 #free724-app .free724-article .article--area p,
body.free-detail-724 #free724-app .free724-article .article--area li {
    color: #b9bfd0;
}

body.free-detail-724 #free724-app .free724-article .article--area li::marker {
    color: #63d8cd;
}

body.free-detail-724 #free724-app .free724-article .article--area a {
    color: #70ded4;
    font-weight: 650;
    text-decoration-color: rgba(112, 222, 212, .52);
}

body.free-detail-724 #free724-app .free724-article .article--area a:hover {
    color: #a18af7;
}

body.free-detail-724 #free724-app .free724-article .article--area blockquote {
    border-left-color: #6edacf;
    color: #d6d9e4;
    background: linear-gradient(105deg, rgba(49, 185, 170, .12), rgba(135, 78, 241, .08));
}

body.free-detail-724 #free724-app .free724-article .article--area table {
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--free-content-line);
    border-radius: 14px;
}

body.free-detail-724 #free724-app .free724-article .article--area th,
body.free-detail-724 #free724-app .free724-article .article--area td {
    border-color: var(--free-content-line);
    color: #c4c8d6;
}

body.free-detail-724 #free724-app .free724-article .article--area th {
    color: #fff;
    background: rgba(131, 78, 239, .14);
}

body.free-detail-724 #free724-app .free724-article .article--area tr:nth-child(even) td {
    background: rgba(255, 255, 255, .025);
}

body.free-detail-724 #free724-app .free724-article .article--area hr {
    border-color: var(--free-content-line);
}

body.free-detail-724 #free724-app .free724-article .article--area code {
    border: 1px solid var(--free-content-line);
    border-radius: 6px;
    color: #8de4dc;
    background: rgba(255, 255, 255, .055);
}

/* Tablet */
@media (max-width: 900px) {
    body.free-detail-724 #free724-app .content-review-layout,
    body.free-detail-724 #free724-app .content-qa-layout {
        grid-template-columns: 1fr;
    }

    body.free-detail-724 #free724-app .content-review-summary {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 18px;
    }

    body.free-detail-724 #free724-app .content-review-summary > span,
    body.free-detail-724 #free724-app .content-review-summary > h2 {
        grid-column: 1 / -1;
    }

    body.free-detail-724 #free724-app .content-faq-list {
        grid-template-columns: 1fr;
    }
}

/* Mobil */
@media (max-width: 600px) {
    body.free-detail-724 #free724-app .content-sections-724 {
        padding: 38px 0 28px;
    }

    body.free-detail-724 #free724-app .content-sections-724 > .container,
    body.free-detail-724 #free724-app .free724-article > .container {
        width: calc(100% - 24px) !important;
    }

    body.free-detail-724 #free724-app .content-section-shell {
        border-radius: 20px;
    }

    body.free-detail-724 #free724-app .content-section-tabs {
        justify-content: flex-start;
        gap: 6px;
        padding: 9px;
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;
    }

    body.free-detail-724 #free724-app .content-section-tab {
        min-height: 42px;
        padding: 9px 12px;
        font-size: 12px;
        scroll-snap-align: start;
    }

    body.free-detail-724 #free724-app .content-section-tab i {
        display: inline-block;
        font-size: 16px;
    }

    body.free-detail-724 #free724-app .content-section-panels {
        padding: 21px 14px 16px;
    }

    body.free-detail-724 #free724-app .content-section-heading {
        margin-bottom: 19px;
    }

    body.free-detail-724 #free724-app .content-section-heading h2,
    body.free-detail-724 #free724-app .content-review-summary h2 {
        font-size: 24px;
        line-height: 1.22;
    }

    body.free-detail-724 #free724-app .content-section-richtext,
    body.free-detail-724 #free724-app .content-review-summary,
    body.free-detail-724 #free724-app .content-section-form {
        padding: 17px;
        border-radius: 15px;
    }

    body.free-detail-724 #free724-app .content-review-summary {
        display: block;
    }

    body.free-detail-724 #free724-app .content-review-score > strong {
        font-size: 45px;
    }

    body.free-detail-724 #free724-app .content-review-item {
        padding: 15px;
    }

    body.free-detail-724 #free724-app .content-review-item-head {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    body.free-detail-724 #free724-app .content-review-item-head time {
        grid-column: 2;
    }

    body.free-detail-724 #free724-app .content-form-row {
        grid-template-columns: 1fr;
    }

    body.free-detail-724 #free724-app .content-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    body.free-detail-724 #free724-app .content-form-actions .butto,
    body.free-detail-724 #free724-app .content-question-form .butto {
        width: 100%;
        justify-content: center;
    }

    body.free-detail-724 #free724-app .content-faq-item > button {
        min-height: 62px;
        padding: 15px;
    }

    body.free-detail-724 #free724-app .content-faq-answer {
        padding: 0 15px 17px;
    }

    body.free-detail-724 #free724-app .content-qa-item .content-qa-question,
    body.free-detail-724 #free724-app .content-qa-item .content-qa-answer {
        padding: 14px;
    }

    body.free-detail-724 #free724-app .free724-article {
        padding: 34px 0 78px;
    }

    body.free-detail-724 #free724-app .free724-section-title {
        margin-bottom: 18px;
    }

    body.free-detail-724 #free724-app .free724-section-title h2 {
        font-size: 26px;
        line-height: 1.22;
    }

    body.free-detail-724 #free724-app .free724-article .article--area {
        padding: 21px 17px;
        border-radius: 18px;
        font-size: 15px;
        line-height: 1.76;
    }

    body.free-detail-724 #free724-app .free724-article .article--area h2 {
        font-size: 22px;
    }

    body.free-detail-724 #free724-app .free724-article .article--area h3 {
        font-size: 19px;
    }

    body.free-detail-724 #free724-app .free724-article .article--area table {
        display: block;
        overflow-x: auto;
        border-radius: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.free-detail-724 #free724-app .content-section-tab,
    body.free-detail-724 #free724-app .content-review-item,
    body.free-detail-724 #free724-app .content-faq-item,
    body.free-detail-724 #free724-app .content-section-form .butto {
        transition: none;
    }
}

/* v58 - acik sosyal gradient ucretsiz islem karti */
body.free-detail-724 #free724-app.free724-minute-flow {
    --free724-light-ink: #242840;
    --free724-light-muted: #858a9d;
    --free724-light-line: #e3e7f0;
    --free724-light-indigo: #536bd7;
    --free724-light-pink: #e62b70;
    --free724-light-mint: #58d6bd;
    --free724-light-mint-dark: #43c5aa;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-hero {
    min-height: clamp(600px, calc(100svh - 112px), 720px) !important;
    align-items: flex-start;
    padding: clamp(58px, 7vw, 78px) 0 clamp(78px, 8vw, 104px);
    isolation: isolate;
    background:
        radial-gradient(circle at 82% 27%, rgba(24, 225, 224, .94) 0, rgba(24, 199, 224, .60) 17%, transparent 42%),
        radial-gradient(circle at 10% 15%, rgba(108, 8, 161, .96) 0, rgba(87, 0, 132, .70) 24%, transparent 52%),
        radial-gradient(circle at 76% 92%, rgba(190, 0, 220, .58) 0, transparent 36%),
        linear-gradient(132deg, #31005f 0%, #382a8d 46%, #176f9f 100%) !important;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-hero::before,
body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-hero::after {
    display: none !important;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-hero > .container {
    width: min(calc(100% - 40px), 1080px);
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-shell,
body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-form {
    width: min(100%, 920px);
    max-width: 920px;
    margin-right: auto;
    margin-left: auto;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-heading {
    margin: 0 0 32px;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-heading h1 {
    max-width: 920px;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: clamp(36px, 4vw, 44px);
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -.025em;
    text-shadow: 0 8px 28px rgba(26, 0, 73, .22);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-flow-steps {
    width: min(100%, 340px);
    gap: 20px;
    margin-top: 36px;
    padding-bottom: 15px;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-flow-step,
body.free-detail-724 #free724-app.free724-minute-flow .free724-flow-step small {
    color: rgba(255, 255, 255, .34);
    font-size: 12px;
    font-weight: 600;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-flow-step b {
    font-size: 10px;
    font-weight: 700;
}

body.free-detail-724 #free724-app.free724-minute-flow[data-flow-stage="1"] [data-flow-step="1"],
body.free-detail-724 #free724-app.free724-minute-flow[data-flow-stage="2"] [data-flow-step="1"],
body.free-detail-724 #free724-app.free724-minute-flow[data-flow-stage="2"] [data-flow-step="2"],
body.free-detail-724 #free724-app.free724-minute-flow[data-flow-stage="3"] .free724-flow-step {
    color: #fff;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-flow-track {
    height: 4px;
    background: rgba(255, 255, 255, .22);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-flow-track i {
    background: #fff;
    box-shadow: 0 0 15px rgba(255, 255, 255, .48);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-form {
    color-scheme: light;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .88);
    border-radius: 24px;
    color: var(--free724-light-ink);
    background: rgba(255, 255, 255, .97);
    box-shadow:
        0 0 0 1px rgba(223, 228, 240, .65),
        0 30px 76px rgba(24, 8, 77, .24),
        0 17px 44px rgba(77, 220, 205, .12);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-control-row {
    min-height: 66px;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid var(--free724-light-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(37, 43, 77, .055);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-control-row:focus-within {
    border-color: rgba(83, 107, 215, .72);
    box-shadow: 0 0 0 3px rgba(83, 107, 215, .13), 0 7px 20px rgba(37, 43, 77, .055);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-control-icon {
    min-height: 64px;
    border-right: 1px solid rgba(83, 107, 215, .07);
    color: var(--free724-light-indigo);
    font-size: 22px;
    background: #f0f2ff;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-control-row input {
    height: 64px;
    min-height: 64px;
    padding: 0 16px;
    border: 0;
    color: var(--free724-light-ink);
    background: transparent;
    font-size: 16px !important;
    font-weight: 500;
    text-overflow: ellipsis;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-control-row input::placeholder {
    color: #989cad;
    opacity: 1;
    font-weight: 400;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-check-button,
body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker > .free724-start-row .free724-start-button {
    border: 0;
    color: #fff;
    background: linear-gradient(135deg, #69dfc9, var(--free724-light-mint));
    box-shadow: 0 12px 28px rgba(70, 202, 177, .24);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-check-button {
    width: 132px;
    min-width: 132px;
    min-height: 48px;
    margin: 8px;
    padding: 0 16px;
    border-radius: 10px;
    font-size: 14px;
    white-space: nowrap;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-check-button:hover:not(:disabled),
body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker > .free724-start-row .free724-start-button:hover:not(:disabled) {
    color: #fff;
    background: linear-gradient(135deg, #5bd9c0, var(--free724-light-mint-dark));
    box-shadow: 0 15px 31px rgba(59, 188, 163, .29);
    transform: translateY(-1px);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-check-button:focus-visible,
body.free-detail-724 #free724-app.free724-minute-flow .free724-start-button:focus-visible,
body.free-detail-724 #free724-app.free724-minute-flow .free724-duration-option:focus-visible {
    outline: 3px solid rgba(71, 96, 205, .52);
    outline-offset: 3px;
    box-shadow: none;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-check-button:disabled,
body.free-detail-724 #free724-app.free724-minute-flow .free724-duration-option:disabled,
body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker > .free724-start-row .free724-start-button:disabled {
    transform: none;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-control-status {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-control-status.is-loading {
    border-color: #f1deaa;
    color: #805b09;
    background: #fff8e5;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-control-status.is-success {
    border-color: #bce8da;
    color: #14765b;
    background: #effbf7;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-control-status.is-error {
    border-color: #f0c9d3;
    color: #a23750;
    background: #fff2f5;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-profile-preview,
body.free-detail-724 #free724-app.free724-minute-flow .free724-post-preview {
    margin-top: 12px;
    border-color: #cdebe3;
    color: var(--free724-light-ink);
    background: #f2fbf8;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-preview-avatar {
    color: var(--free724-light-indigo);
    background: #ebeefe;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-preview-person strong,
body.free-detail-724 #free724-app.free724-minute-flow .free724-post-preview strong {
    color: var(--free724-light-ink);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-preview-person small,
body.free-detail-724 #free724-app.free724-minute-flow .free724-post-preview small {
    color: #73798c;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-profile-preview .free724-preview-stat {
    border-color: #dfe9e6 !important;
    background: #fff !important;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-profile-preview .free724-preview-stat > strong {
    color: var(--free724-light-ink) !important;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-profile-preview .free724-preview-stat > small {
    color: #73798c !important;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-verified-mark,
body.free-detail-724 #free724-app.free724-minute-flow .free724-post-preview > i {
    color: #169a78;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-duration-fieldset {
    margin-top: 14px;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 158px;
    grid-template-areas:
        "quantity duration"
        "start start";
    gap: 12px;
    align-items: stretch;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail {
    grid-area: quantity;
    min-width: 0;
    min-height: 74px;
    grid-template-columns: 132px minmax(0, 1fr);
    grid-template-areas: "label options";
    gap: 0;
    padding: 9px 10px;
    border: 1px solid var(--free724-light-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(37, 43, 77, .05);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-label {
    grid-area: label;
    gap: 9px;
    justify-content: flex-start;
    padding: 0 14px 0 8px;
    color: var(--free724-light-ink);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-label i {
    order: 1;
    color: var(--free724-light-pink);
    font-size: 21px;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-label strong {
    position: static;
    order: 2;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    color: var(--free724-light-ink);
    font-size: 15px;
    font-weight: 650;
    white-space: nowrap;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail > .free724-duration-grid {
    grid-area: options;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    min-width: 0;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail .free724-duration-option {
    min-width: 0;
    min-height: 54px;
    padding: 5px 3px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #d52a68;
    background: #fbe8f0;
    box-shadow: none;
    transform: none;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail .free724-duration-option strong {
    max-width: 100%;
    color: inherit;
    font-size: var(--free724-quantity-font, 17px);
    font-weight: 650;
    line-height: 1;
    letter-spacing: -.025em;
    white-space: nowrap;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail .free724-duration-option:hover:not(.is-selected):not(:disabled) {
    border-color: #f3c4d6;
    color: #c51f5c;
    background: #fff1f6;
    transform: translateY(-1px);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail .free724-duration-option.is-selected {
    border-color: var(--free724-light-pink);
    color: #fff;
    background: linear-gradient(145deg, #eb3478, #dc1f65);
    box-shadow: 0 10px 22px rgba(226, 37, 105, .22);
    transform: none;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-selected-duration,
body.free-detail-724 #free724-app.free724-minute-flow .free724-selected-duration.has-selection {
    grid-area: duration;
    min-width: 0;
    min-height: 74px;
    padding: 8px 10px;
    border: 1px solid var(--free724-light-line);
    border-radius: 14px;
    color: var(--free724-light-ink);
    background: #fff;
    box-shadow: 0 7px 20px rgba(37, 43, 77, .05);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-selected-duration strong,
body.free-detail-724 #free724-app.free724-minute-flow .free724-selected-duration.has-selection strong {
    color: var(--free724-light-ink);
    font-size: 16px;
    font-weight: 650;
    line-height: 1.2;
    white-space: nowrap;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker > .free724-start-row {
    grid-area: start;
    min-height: 62px;
    margin: 0;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker > .free724-start-row .free724-start-button {
    width: 100%;
    min-height: 62px;
    padding: 0 20px;
    border-radius: 13px;
    font-size: 15px;
    font-weight: 650;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker > .free724-start-row .free724-start-button:disabled {
    color: rgba(255, 255, 255, .82);
    background: #b4e9dd;
    box-shadow: none;
    opacity: 1;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-process {
    margin-top: 16px;
    border-color: #e3e8f1;
    color: var(--free724-light-ink);
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 22px 56px rgba(29, 14, 78, .17);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-process-copy > span {
    color: var(--free724-light-indigo);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-process-copy h2 {
    color: var(--free724-light-ink);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-process-copy p,
body.free-detail-724 #free724-app.free724-minute-flow .free724-process-action > strong {
    color: #73798c;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-process-progress-track {
    border-color: #dfe5ee;
    background: #eef1f6;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-process-progress-value {
    color: var(--free724-light-ink);
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-process.is-success {
    border-color: #bde6d9;
    background: #effbf7;
}

body.free-detail-724 #free724-app.free724-minute-flow .free724-process.is-error {
    border-color: #efc8d2;
    background: #fff2f5;
}

@media (max-width: 767px) {
    body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-hero {
        min-height: clamp(510px, calc(100svh - 72px), 640px) !important;
        padding: 44px 0 66px;
        background:
            radial-gradient(circle at 88% 25%, rgba(24, 224, 225, .95) 0, rgba(27, 181, 219, .54) 22%, transparent 47%),
            radial-gradient(circle at 8% 18%, rgba(100, 0, 153, .94) 0, rgba(73, 0, 118, .70) 28%, transparent 58%),
            radial-gradient(circle at 84% 92%, rgba(190, 0, 220, .58) 0, transparent 37%),
            linear-gradient(143deg, #32005f 0%, #3b258a 51%, #16779d 100%) !important;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-hero > .container {
        width: calc(100% - 20px);
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-shell,
    body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-form {
        width: 100%;
        max-width: 100%;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-heading {
        margin-bottom: 24px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-heading h1 {
        font-size: clamp(25px, 7.2vw, 30px);
        font-weight: 500;
        line-height: 1.22;
        letter-spacing: -.022em;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-flow-steps {
        width: min(76%, 280px);
        gap: 10px;
        margin-top: 27px;
        padding-bottom: 13px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-flow-step,
    body.free-detail-724 #free724-app.free724-minute-flow .free724-flow-step small {
        font-size: 12px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-minute-form {
        padding: 14px;
        border-radius: 18px;
        box-shadow:
            0 0 0 1px rgba(225, 229, 239, .66),
            0 20px 48px rgba(23, 7, 70, .22),
            0 13px 34px rgba(76, 220, 204, .12);
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-control-row {
        min-height: 56px;
        grid-template-columns: 44px minmax(0, 1fr) auto;
        border-radius: 11px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-control-icon,
    body.free-detail-724 #free724-app.free724-minute-flow .free724-control-row input {
        min-height: 54px;
        height: 54px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-control-icon {
        font-size: 19px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-control-row input {
        padding: 0 9px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-check-button {
        width: 102px;
        min-width: 102px;
        min-height: 42px;
        margin: 6px;
        padding: 0 10px;
        border-radius: 9px;
        font-size: 14px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-check-button i {
        display: none;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-duration-fieldset {
        margin-top: 11px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker {
        grid-template-columns: minmax(0, 1fr) 82px;
        grid-template-areas:
            "quantity duration"
            "start start";
        gap: 8px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail {
        min-height: 58px;
        grid-template-columns: 70px minmax(0, 1fr);
        grid-template-areas: "label options";
        gap: 5px;
        padding: 6px;
        border-radius: 11px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-label {
        gap: 5px;
        justify-content: flex-start;
        padding: 0 2px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-label i {
        font-size: 18px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-label strong {
        font-size: 14px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail > .free724-duration-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail .free724-duration-option {
        min-width: 0;
        min-height: 44px;
        padding: 4px 1px;
        border-radius: 7px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-selected-duration,
    body.free-detail-724 #free724-app.free724-minute-flow .free724-selected-duration.has-selection {
        min-height: 58px;
        padding: 6px 4px;
        border-radius: 11px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-selected-duration strong,
    body.free-detail-724 #free724-app.free724-minute-flow .free724-selected-duration.has-selection strong {
        font-size: 14px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker > .free724-start-row,
    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker > .free724-start-row .free724-start-button {
        min-height: 52px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker > .free724-start-row .free724-start-button {
        border-radius: 11px;
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-picker {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "quantity"
            "duration"
            "start";
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail {
        min-height: 58px;
        grid-template-columns: 82px minmax(0, 1fr);
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail > .free724-duration-grid {
        grid-template-columns: repeat(4, minmax(44px, 1fr));
        gap: 5px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-selected-duration,
    body.free-detail-724 #free724-app.free724-minute-flow .free724-selected-duration.has-selection {
        min-height: 48px;
    }
}

@media (max-width: 360px) {
    body.free-detail-724 #free724-app.free724-minute-flow .free724-check-button {
        width: 92px;
        min-width: 92px;
        padding-right: 7px;
        padding-left: 7px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-control-row {
        grid-template-columns: 40px minmax(0, 1fr) auto;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail {
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 4px;
        padding: 5px;
    }

    body.free-detail-724 #free724-app.free724-minute-flow .free724-quantity-rail > .free724-duration-grid {
        grid-template-columns: repeat(4, minmax(40px, 1fr));
        gap: 3px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.free-detail-724 #free724-app.free724-minute-flow .free724-check-button,
    body.free-detail-724 #free724-app.free724-minute-flow .free724-duration-option,
    body.free-detail-724 #free724-app.free724-minute-flow .free724-start-button {
        transition: none;
    }
}

/* v55 - 724Takipci midnight lattice: ozgun zemin, kompakt yorumlar, net makale */
body.free-detail-724 #free724-app {
    --free724-lattice-base: #07111f;
    --free724-lattice-deep: #090b1d;
    --free724-lattice-plum: #180c28;
    --free724-lattice-line: rgba(150, 178, 214, .055);
}

body.free-detail-724 #free724-app .free724-minute-hero {
    background:
        linear-gradient(118deg, transparent 0 68%, rgba(130, 70, 224, .095) 68.1% 82%, transparent 82.1%),
        repeating-linear-gradient(0deg, var(--free724-lattice-line) 0 1px, transparent 1px 48px),
        repeating-linear-gradient(90deg, var(--free724-lattice-line) 0 1px, transparent 1px 48px),
        radial-gradient(ellipse at 18% 20%, rgba(37, 191, 179, .20), transparent 34%),
        radial-gradient(ellipse at 84% 78%, rgba(239, 171, 93, .13), transparent 31%),
        linear-gradient(132deg, var(--free724-lattice-base) 0%, #0a1427 48%, var(--free724-lattice-plum) 100%) !important;
}

body.free-detail-724 #free724-app .free724-minute-hero::before {
    inset: 7% auto auto -12%;
    width: 43%;
    height: 82%;
    border: 1px solid rgba(74, 210, 198, .14);
    border-radius: 54px;
    background: linear-gradient(145deg, rgba(43, 190, 180, .11), rgba(31, 49, 87, .025));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 35px 90px rgba(0, 0, 0, .18);
    filter: none;
    opacity: 1;
    transform: rotate(-13deg);
}

body.free-detail-724 #free724-app .free724-minute-hero::after {
    inset: -18% -11% auto auto;
    width: 42%;
    height: 137%;
    border: 1px solid rgba(158, 94, 232, .14);
    border-radius: 58px;
    background: linear-gradient(165deg, rgba(123, 72, 216, .12), rgba(224, 39, 112, .055) 58%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), -35px 35px 100px rgba(4, 4, 18, .22);
    filter: none;
    opacity: 1;
    transform: rotate(12deg);
}

body.free-detail-724 #free724-app .content-sections-724 {
    background:
        linear-gradient(118deg, transparent 0 72%, rgba(128, 70, 220, .07) 72.1% 85%, transparent 85.1%),
        repeating-linear-gradient(0deg, rgba(148, 176, 211, .035) 0 1px, transparent 1px 52px),
        repeating-linear-gradient(90deg, rgba(148, 176, 211, .035) 0 1px, transparent 1px 52px),
        radial-gradient(ellipse at 8% 22%, rgba(37, 191, 179, .115), transparent 30%),
        linear-gradient(142deg, #07111f 0%, #0a1021 54%, #160c26 100%) !important;
}

body.free-detail-724 #free724-app .content-sections-724::before,
body.free-detail-724 #free724-app .content-sections-724::after {
    border-radius: 48px;
    filter: none;
    opacity: .52;
}

body.free-detail-724 #free724-app .content-sections-724::before {
    top: 13%;
    left: -235px;
    width: 420px;
    height: 260px;
    border: 1px solid rgba(51, 194, 183, .16);
    background: rgba(38, 176, 166, .055);
    transform: rotate(-17deg);
}

body.free-detail-724 #free724-app .content-sections-724::after {
    right: -245px;
    bottom: 9%;
    width: 430px;
    height: 275px;
    border: 1px solid rgba(149, 79, 224, .16);
    background: rgba(124, 65, 207, .055);
    transform: rotate(16deg);
}

body.free-detail-724 #free724-app .free724-article {
    background:
        linear-gradient(118deg, transparent 0 70%, rgba(127, 68, 217, .06) 70.1% 84%, transparent 84.1%),
        repeating-linear-gradient(0deg, rgba(148, 176, 211, .03) 0 1px, transparent 1px 52px),
        repeating-linear-gradient(90deg, rgba(148, 176, 211, .03) 0 1px, transparent 1px 52px),
        radial-gradient(ellipse at 88% 16%, rgba(35, 185, 178, .095), transparent 29%),
        linear-gradient(148deg, #080f1d 0%, #090d1d 55%, #130b21 100%) !important;
}

body.free-detail-724 #free724-app .free724-article::before {
    top: -120px;
    left: 54%;
    width: 620px;
    height: 220px;
    border: 1px solid rgba(58, 203, 192, .12);
    border-radius: 48px;
    background: rgba(39, 177, 168, .045);
    filter: none;
    transform: translateX(-50%) rotate(-5deg);
}

/* Onceki beyaz !important kart kuralini kesin olarak gecersiz kilitler. */
body.free-detail-724 #free724-app .free724-article .article--area {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: #c8cedd !important;
    background:
        linear-gradient(132deg, rgba(18, 27, 45, .98), rgba(11, 15, 31, .985)) !important;
    box-shadow: 0 28px 72px rgba(0, 0, 0, .31), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

body.free-detail-724 #free724-app .free724-article .article--area :where(p, div, span, li, ul, ol, em, dd, dt, figcaption) {
    color: #c8cedd !important;
}

body.free-detail-724 #free724-app .free724-article .article--area :where(h1, h2, h3, h4, h5, h6, strong, b) {
    color: #f8f9fd !important;
}

body.free-detail-724 #free724-app .free724-article .article--area a,
body.free-detail-724 #free724-app .free724-article .article--area a * {
    color: #6eddd2 !important;
}

body.free-detail-724 #free724-app .free724-article .article--area blockquote,
body.free-detail-724 #free724-app .free724-article .article--area blockquote * {
    color: #e0e4ee !important;
}

body.free-detail-724 #free724-app .free724-article .article--area th {
    color: #f8f9fd !important;
    background: rgba(49, 185, 170, .105) !important;
}

body.free-detail-724 #free724-app .free724-article .article--area td {
    color: #c8cedd !important;
    background-color: transparent !important;
}

body.free-detail-724 #free724-app .free724-article .article--area :where(p, ul, ol, blockquote) {
    max-width: 82ch;
}

body.free-detail-724 #free724-app .free724-article .article--area table,
body.free-detail-724 #free724-app .free724-article .article--area img,
body.free-detail-724 #free724-app .free724-article .article--area iframe,
body.free-detail-724 #free724-app .free724-article .article--area video {
    max-width: 100%;
}

/* Ilk uc degerlendirme acik; kalani kullanici isterse gorunur. */
body.free-detail-724 #free724-app .content-review-list.is-collapsed:not(.is-expanded) > .content-review-extra {
    display: none !important;
}

body.free-detail-724 #free724-app .content-review-toggle-wrap {
    display: flex;
    justify-content: center;
    margin: 15px 0 0;
}

body.free-detail-724 #free724-app .content-review-toggle {
    display: inline-flex;
    min-height: 45px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 12px;
    color: #eef0f7;
    background: rgba(255, 255, 255, .055);
    font: inherit;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

body.free-detail-724 #free724-app .content-review-toggle i {
    color: #62d9ce;
    font-size: 18px;
    transition: transform .2s ease;
}

body.free-detail-724 #free724-app .content-review-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}

body.free-detail-724 #free724-app .content-review-toggle:hover {
    border-color: rgba(98, 217, 206, .32);
    color: #fff;
    background: rgba(98, 217, 206, .085);
    transform: translateY(-1px);
}

body.free-detail-724 #free724-app .content-review-toggle:focus-visible {
    outline: 3px solid rgba(98, 217, 206, .55);
    outline-offset: 3px;
}

@media (max-width: 767px) {
    body.free-detail-724 #free724-app .free724-minute-hero {
        background:
            repeating-linear-gradient(0deg, rgba(148, 176, 211, .04) 0 1px, transparent 1px 42px),
            repeating-linear-gradient(90deg, rgba(148, 176, 211, .04) 0 1px, transparent 1px 42px),
            radial-gradient(ellipse at 15% 12%, rgba(37, 191, 179, .17), transparent 38%),
            radial-gradient(ellipse at 92% 82%, rgba(239, 171, 93, .11), transparent 34%),
            linear-gradient(145deg, #07111f 0%, #0a1325 54%, #160c25 100%) !important;
    }

    body.free-detail-724 #free724-app .free724-minute-hero::before {
        left: -42%;
        width: 82%;
        opacity: .65;
    }

    body.free-detail-724 #free724-app .free724-minute-hero::after {
        right: -48%;
        width: 82%;
        opacity: .62;
    }

    body.free-detail-724 #free724-app .free724-article .article--area :where(p, ul, ol, blockquote) {
        max-width: none;
    }

    body.free-detail-724 #free724-app .content-review-toggle {
        width: 100%;
        min-height: 47px;
        padding-inline: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.free-detail-724 #free724-app .content-review-toggle,
    body.free-detail-724 #free724-app .content-review-toggle i {
        transition: none;
    }
}

/* v56 - sosyal medya aurorasi ve kompakt ucretsiz hizmet formu */
body.free-detail-724 {
    background: #13052f;
}

body.free-detail-724 #free724-app {
    --free724-social-pink: #ff3c96;
    --free724-social-purple: #8357ff;
    --free724-social-blue: #2f91ff;
    --free724-action-pink: #d51b75;
    --free724-action-purple: #6b3dde;
    --free724-action-blue: #176bca;
}

body.free-detail-724 #free724-app .free724-minute-hero {
    min-height: 0 !important;
    align-items: flex-start;
    padding: 42px 0 58px;
    background:
        radial-gradient(circle at 8% 20%, rgba(255, 42, 145, .48), transparent 29%),
        radial-gradient(circle at 50% -12%, rgba(147, 70, 255, .60), transparent 42%),
        radial-gradient(circle at 94% 32%, rgba(42, 137, 255, .52), transparent 34%),
        linear-gradient(118deg, transparent 0 58%, rgba(255, 255, 255, .045) 58.1% 58.35%, transparent 58.45%),
        linear-gradient(132deg, #1b0035 0%, #37066e 45%, #071f59 100%) !important;
}

body.free-detail-724 #free724-app .free724-minute-hero::before {
    inset: 4% auto auto -13%;
    width: 44%;
    height: 76%;
    border: 1px solid rgba(255, 120, 190, .17);
    border-radius: 54px;
    background: linear-gradient(145deg, rgba(255, 52, 150, .15), rgba(132, 77, 255, .035));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 32px 90px rgba(15, 0, 45, .22);
    filter: none;
    opacity: 1;
    transform: rotate(-12deg);
}

body.free-detail-724 #free724-app .free724-minute-hero::after {
    inset: -22% -12% auto auto;
    width: 43%;
    height: 138%;
    border: 1px solid rgba(92, 165, 255, .19);
    border-radius: 60px;
    background: linear-gradient(160deg, rgba(47, 145, 255, .17), rgba(132, 77, 255, .07) 58%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), -32px 35px 95px rgba(4, 8, 45, .24);
    filter: none;
    opacity: 1;
    transform: rotate(11deg);
}

body.free-detail-724 #free724-app .free724-minute-shell {
    max-width: 840px;
}

body.free-detail-724 #free724-app .free724-minute-heading {
    margin-bottom: 19px;
}

body.free-detail-724 #free724-app .free724-minute-heading h1 {
    font-size: clamp(30px, 3.4vw, 40px);
    line-height: 1.14;
    letter-spacing: -.025em;
}

body.free-detail-724 #free724-app .free724-flow-steps {
    margin-top: 15px;
}

body.free-detail-724 #free724-app .free724-minute-form {
    padding: 16px;
    border-color: rgba(255, 255, 255, .16);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(8, 8, 27, .92), rgba(14, 12, 38, .88));
    box-shadow: 0 24px 64px rgba(7, 0, 32, .34), inset 0 1px 0 rgba(255, 255, 255, .055);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

body.free-detail-724 #free724-app .free724-control-row {
    grid-template-columns: 48px minmax(0, 1fr) auto;
    min-height: 54px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 12px;
    background: rgba(255, 255, 255, .055);
}

body.free-detail-724 #free724-app .free724-control-row:focus-within {
    border-color: rgba(111, 160, 255, .78);
    box-shadow: 0 0 0 3px rgba(111, 101, 255, .18);
}

body.free-detail-724 #free724-app .free724-control-icon {
    min-height: 52px;
    color: #a58bff;
    font-size: 19px;
    background: rgba(128, 86, 255, .09);
}

body.free-detail-724 #free724-app .free724-control-row input {
    height: 52px;
    min-height: 52px;
    padding: 0 12px;
    font-size: 16px;
    font-weight: 500;
    text-overflow: ellipsis;
}

body.free-detail-724 #free724-app .free724-check-button {
    min-height: 44px;
    margin: 5px;
    padding: 0 14px;
    border-radius: 9px;
    font-size: 14px;
    background: linear-gradient(135deg, var(--free724-action-pink), var(--free724-action-purple));
    box-shadow: 0 10px 24px rgba(157, 55, 196, .27);
}

body.free-detail-724 #free724-app .free724-check-button:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .95);
    outline-offset: -4px;
    box-shadow: inset 0 0 0 3px rgba(90, 45, 190, .32), 0 10px 24px rgba(157, 55, 196, .27);
}

body.free-detail-724 #free724-app .free724-control-status {
    margin-top: 8px;
    padding: 8px 10px;
}

body.free-detail-724 #free724-app .free724-duration-fieldset {
    margin-top: 10px;
}

body.free-detail-724 #free724-app .free724-quantity-picker {
    grid-template-columns: minmax(0, 1fr) 142px 142px;
    gap: 10px;
}

body.free-detail-724 #free724-app .free724-quantity-rail {
    min-height: 68px;
    grid-template-columns: 102px minmax(0, 1fr);
    gap: 8px;
    padding: 8px 10px;
    border-color: rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: rgba(10, 12, 27, .82);
}

body.free-detail-724 #free724-app .free724-quantity-label {
    gap: 8px;
}

body.free-detail-724 #free724-app .free724-quantity-label i {
    color: #ff4a9e;
    font-size: 20px;
}

body.free-detail-724 #free724-app .free724-quantity-label strong {
    font-size: 15px;
}

body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-grid {
    gap: 6px;
}

body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-option {
    min-height: 50px;
    border-radius: 8px;
    color: #ff65aa;
    background: rgba(255, 58, 145, .105);
}

body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-option:hover {
    color: #fff;
    background: rgba(135, 87, 255, .24);
}

body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-option.is-selected {
    background: linear-gradient(145deg, var(--free724-action-pink), var(--free724-action-purple));
    box-shadow: 0 9px 20px rgba(181, 49, 181, .25), inset 0 1px 0 rgba(255, 255, 255, .18);
}

body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-option strong {
    font-size: 17px;
}

body.free-detail-724 #free724-app .free724-selected-duration,
body.free-detail-724 #free724-app .free724-quantity-picker > .free724-start-row,
body.free-detail-724 #free724-app .free724-quantity-picker > .free724-start-row .free724-start-button {
    min-height: 68px;
}

body.free-detail-724 #free724-app .free724-selected-duration {
    padding: 8px 10px;
    border-color: rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: rgba(10, 12, 27, .82);
}

body.free-detail-724 #free724-app .free724-selected-duration strong {
    font-size: 15px;
}

body.free-detail-724 #free724-app .free724-quantity-picker > .free724-start-row .free724-start-button {
    padding: 0 14px;
    border-radius: 12px;
    font-size: 14px;
    background: linear-gradient(135deg, var(--free724-action-purple), var(--free724-action-blue));
    box-shadow: 0 11px 24px rgba(62, 104, 232, .25);
}

body.free-detail-724 #free724-app .content-sections-724 {
    background:
        radial-gradient(circle at 5% 16%, rgba(255, 43, 145, .20), transparent 27%),
        radial-gradient(circle at 94% 20%, rgba(46, 139, 255, .18), transparent 29%),
        radial-gradient(circle at 54% 88%, rgba(133, 69, 255, .16), transparent 34%),
        linear-gradient(142deg, #16042f 0%, #19083e 48%, #061b43 100%) !important;
}

body.free-detail-724 #free724-app .content-sections-724::before {
    border-color: rgba(255, 66, 157, .17);
    background: rgba(255, 48, 148, .065);
}

body.free-detail-724 #free724-app .content-sections-724::after {
    border-color: rgba(67, 148, 255, .18);
    background: rgba(47, 132, 255, .065);
}

body.free-detail-724 #free724-app .free724-article {
    background:
        radial-gradient(circle at 8% 14%, rgba(255, 48, 148, .15), transparent 28%),
        radial-gradient(circle at 92% 24%, rgba(47, 145, 255, .15), transparent 30%),
        linear-gradient(145deg, #13032a 0%, #160735 50%, #07193c 100%) !important;
}

body.free-detail-724 #free724-app .free724-article::before {
    border-color: rgba(112, 137, 255, .15);
    background: linear-gradient(90deg, rgba(255, 53, 151, .045), rgba(65, 143, 255, .055));
}

@media (max-width: 767px) {
    body.free-detail-724 #free724-app .free724-minute-hero {
        min-height: 0 !important;
        padding: 25px 0 34px;
        background:
            radial-gradient(circle at 0 14%, rgba(255, 44, 146, .48), transparent 35%),
            radial-gradient(circle at 54% -8%, rgba(143, 69, 255, .58), transparent 44%),
            radial-gradient(circle at 100% 38%, rgba(46, 141, 255, .48), transparent 39%),
            linear-gradient(145deg, #1b0035 0%, #330665 50%, #071f58 100%) !important;
    }

    body.free-detail-724 #free724-app .free724-minute-hero::before,
    body.free-detail-724 #free724-app .free724-minute-hero::after {
        display: none;
    }

    body.free-detail-724 #free724-app .free724-minute-hero > .container {
        width: calc(100% - 20px);
        padding-right: 0;
        padding-left: 0;
    }

    body.free-detail-724 #free724-app .free724-minute-heading {
        margin-bottom: 15px;
    }

    body.free-detail-724 #free724-app .free724-minute-heading h1 {
        font-size: clamp(25px, 7.4vw, 30px);
        line-height: 1.16;
    }

    body.free-detail-724 #free724-app .free724-flow-steps {
        margin-top: 13px;
    }

    body.free-detail-724 #free724-app .free724-minute-form {
        padding: 10px;
        border-radius: 14px;
    }

    body.free-detail-724 #free724-app .free724-control-row {
        grid-template-columns: 42px minmax(0, 1fr) auto;
        min-height: 52px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .13);
        border-radius: 11px;
        background: rgba(255, 255, 255, .055);
    }

    body.free-detail-724 #free724-app .free724-control-icon,
    body.free-detail-724 #free724-app .free724-control-row input {
        min-height: 50px;
        height: 50px;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    body.free-detail-724 #free724-app .free724-control-icon {
        border-right: 1px solid rgba(255, 255, 255, .07);
    }

    body.free-detail-724 #free724-app .free724-control-row input {
        padding: 0 8px;
        font-size: 16px !important;
    }

    body.free-detail-724 #free724-app .free724-check-button {
        grid-column: auto;
        width: 96px;
        min-width: 96px;
        min-height: 44px;
        margin: 4px;
        padding: 0 10px;
        border-radius: 8px;
        font-size: 14px;
        white-space: nowrap;
    }

    body.free-detail-724 #free724-app .free724-check-button span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.free-detail-724 #free724-app .free724-check-button i {
        display: none;
    }

    body.free-detail-724 #free724-app .free724-duration-fieldset {
        margin-top: 8px;
    }

    body.free-detail-724 #free724-app .free724-quantity-picker {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }

    body.free-detail-724 #free724-app .free724-quantity-rail {
        grid-column: 1 / -1;
        min-height: 58px;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 5px;
        padding: 6px 7px;
        border-radius: 10px;
    }

    body.free-detail-724 #free724-app .free724-quantity-label {
        justify-content: center;
    }

    body.free-detail-724 #free724-app .free724-quantity-label strong {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    body.free-detail-724 #free724-app .free724-quantity-label i {
        font-size: 18px;
    }

    body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-grid {
        gap: 4px;
    }

    body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-option {
        min-height: 44px;
        padding: 4px 2px;
        border-radius: 7px;
    }

    body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-option strong {
        font-size: 14px;
    }

    body.free-detail-724 #free724-app .free724-selected-duration,
    body.free-detail-724 #free724-app .free724-quantity-picker > .free724-start-row,
    body.free-detail-724 #free724-app .free724-quantity-picker > .free724-start-row .free724-start-button {
        min-height: 50px;
    }

    body.free-detail-724 #free724-app .free724-selected-duration {
        padding: 6px 8px;
        border-radius: 10px;
    }

    body.free-detail-724 #free724-app .free724-selected-duration strong,
    body.free-detail-724 #free724-app .free724-quantity-picker > .free724-start-row .free724-start-button {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    body.free-detail-724 #free724-app .free724-check-button {
        width: 92px;
        min-width: 92px;
        padding-inline: 8px;
        font-size: 14px;
    }

    body.free-detail-724 #free724-app .free724-control-row {
        grid-template-columns: 38px minmax(0, 1fr) auto;
    }

    body.free-detail-724 #free724-app .free724-control-icon {
        font-size: 17px;
    }
}

/* v57 - merkez akış, sure solda ve yatay degerlendirme seridi */
body.free-detail-724 #free724-app .free724-minute-hero > .container {
    display: flex;
    width: min(calc(100% - 40px), 960px);
    max-width: none;
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
}

body.free-detail-724 #free724-app .free724-minute-shell,
body.free-detail-724 #free724-app .free724-minute-form {
    width: min(100%, 840px);
    margin-right: auto;
    margin-left: auto;
}

body.free-detail-724 #free724-app .free724-quantity-picker {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "quantity"
        "start";
    gap: 9px;
    align-items: stretch;
}

body.free-detail-724 #free724-app .free724-quantity-rail {
    grid-area: quantity;
    grid-column: auto;
    min-height: 66px;
    grid-template-columns: 96px 128px minmax(0, 1fr);
    grid-template-areas: "label duration options";
    gap: 8px;
    padding: 7px 9px;
}

body.free-detail-724 #free724-app .free724-selected-duration {
    grid-area: duration;
    min-height: 50px;
    padding: 6px 8px;
    border-radius: 9px;
}

body.free-detail-724 #free724-app .free724-quantity-label {
    grid-area: label;
}

body.free-detail-724 #free724-app .free724-quantity-rail > .free724-duration-grid {
    grid-area: options;
}

body.free-detail-724 #free724-app .free724-quantity-picker > .free724-start-row {
    grid-area: start;
    width: 100%;
    min-height: 50px;
}

body.free-detail-724 #free724-app .free724-quantity-picker > .free724-start-row .free724-start-button {
    width: 100%;
    min-height: 50px;
}

body.free-detail-724 #free724-app .free724-quantity-label strong {
    order: 1;
}

body.free-detail-724 #free724-app .free724-quantity-label i {
    order: 2;
}

/* Islem alani ile alt icerik arasinda bilincli nefes alani. */
body.free-detail-724 #free724-app .content-sections-724 {
    padding-top: clamp(76px, 9vw, 112px);
}

/* Degerlendirme ozeti artik seridin ustunde kompakt bir pano. */
body.free-detail-724 #free724-app .content-review-layout {
    display: block;
}

body.free-detail-724 #free724-app .content-review-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "kicker score"
        "title score"
        "bars bars";
    align-items: center;
    gap: 4px 24px;
    margin-bottom: 18px;
    padding: 20px 22px;
    border-color: rgba(255, 255, 255, .15);
    border-radius: 20px;
    background:
        linear-gradient(115deg, rgba(222, 31, 125, .16), transparent 32%),
        linear-gradient(245deg, rgba(44, 127, 238, .17), transparent 38%),
        rgba(10, 12, 34, .82);
}

body.free-detail-724 #free724-app .content-review-summary::after {
    top: -112px;
    right: 13%;
    width: 230px;
    height: 180px;
    border-radius: 38px;
    background: linear-gradient(135deg, rgba(255, 55, 150, .09), rgba(61, 133, 255, .07));
    transform: rotate(18deg);
}

body.free-detail-724 #free724-app .content-review-summary > .content-section-kicker {
    grid-area: kicker;
}

body.free-detail-724 #free724-app .content-review-summary > h2 {
    grid-area: title;
    margin-top: 2px;
}

body.free-detail-724 #free724-app .content-review-score {
    grid-area: score;
    justify-self: end;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 15px;
    background: rgba(255, 255, 255, .045);
}

body.free-detail-724 #free724-app .content-review-score > strong {
    font-size: 42px;
}

body.free-detail-724 #free724-app .content-review-bars {
    grid-area: bars;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}

body.free-detail-724 #free724-app .content-review-bar {
    grid-template-columns: 30px minmax(22px, 1fr) 18px;
    gap: 5px;
}

/* JS varsa yatay carousel; JS yoksa tum yorumlar normal liste olarak kalir. */
body.free-detail-724 #free724-app .content-review-carousel-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    margin: 0 0 11px;
}

body.free-detail-724 #free724-app .content-review-carousel-nav[hidden] {
    display: none !important;
}

body.free-detail-724 #free724-app .content-review-carousel-progress {
    position: relative;
    display: block;
    width: min(190px, 32vw);
    height: 4px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(255, 255, 255, .10);
}

body.free-detail-724 #free724-app .content-review-carousel-progress i {
    position: absolute;
    inset: 0 auto 0 0;
    width: max(14%, var(--review-carousel-progress, 0%));
    border-radius: inherit;
    background: linear-gradient(90deg, #df207e, #814ce0 52%, #2476d8);
    transition: width .16s ease;
}

body.free-detail-724 #free724-app .content-review-carousel-button {
    display: inline-grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .055);
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, background-color .2s ease, opacity .2s ease;
}

body.free-detail-724 #free724-app .content-review-carousel-button:hover:not(:disabled) {
    border-color: rgba(162, 104, 255, .54);
    background: linear-gradient(145deg, rgba(211, 30, 117, .82), rgba(92, 55, 196, .88));
    transform: translateY(-1px);
}

body.free-detail-724 #free724-app .content-review-carousel-button:focus-visible {
    outline: 3px solid rgba(255, 255, 255, .9);
    outline-offset: 2px;
}

body.free-detail-724 #free724-app .content-review-carousel-button:disabled {
    cursor: default;
    opacity: .32;
}

body.free-detail-724 #free724-app .content-review-list.is-carousel {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    max-height: none !important;
    padding: 2px 2px 11px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scroll-padding-inline: 2px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

body.free-detail-724 #free724-app .content-review-list.is-carousel::-webkit-scrollbar {
    display: none;
}

body.free-detail-724 #free724-app .content-review-list.is-carousel:focus-visible {
    outline: 3px solid rgba(145, 93, 255, .78);
    outline-offset: 3px;
}

body.free-detail-724 #free724-app .content-review-list.is-carousel .content-review-item {
    position: relative;
    display: block;
    min-width: 0;
    min-height: 148px;
    flex: 0 0 calc((100% - 14px) / 2);
    overflow: hidden;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background:
        radial-gradient(circle at 100% 0, rgba(130, 75, 241, .12), transparent 42%),
        linear-gradient(145deg, rgba(25, 24, 58, .94), rgba(12, 16, 39, .96));
}

body.free-detail-724 #free724-app .content-review-list.is-carousel .content-review-item:hover {
    border-color: rgba(137, 103, 255, .38);
    background:
        radial-gradient(circle at 100% 0, rgba(218, 42, 142, .14), transparent 42%),
        linear-gradient(145deg, rgba(29, 27, 67, .97), rgba(13, 18, 45, .98));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
    transform: none;
}

body.free-detail-724 #free724-app .content-review-list.is-carousel .content-review-item::before {
    position: absolute;
    top: 0;
    right: 18px;
    left: 18px;
    height: 2px;
    border-radius: 0 0 99px 99px;
    content: "";
    background: linear-gradient(90deg, #df207e, #8c4ce1, #2678db);
}

body.free-detail-724 #free724-app .content-review-list.is-carousel .content-review-item:nth-child(3n + 2)::before {
    background: linear-gradient(90deg, #2678db, #7651df, #df207e);
}

body.free-detail-724 #free724-app .content-review-list.is-carousel .content-review-item:nth-child(3n)::before {
    background: linear-gradient(90deg, #9144df, #2678db);
}

body.free-detail-724 #free724-app .content-review-toggle-wrap {
    display: none !important;
}

body.free-detail-724 #free724-app .content-review-main > .content-section-form {
    margin-top: 20px;
}

@media (max-width: 767px) {
    body.free-detail-724 #free724-app .free724-minute-hero > .container {
        width: calc(100% - 20px);
    }

    body.free-detail-724 #free724-app .free724-quantity-picker {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "quantity"
            "start";
        gap: 7px;
    }

    body.free-detail-724 #free724-app .free724-quantity-rail {
        grid-area: quantity;
        grid-column: auto;
        min-height: 56px;
        grid-template-columns: clamp(60px, 18vw, 76px) clamp(72px, 21vw, 88px) minmax(0, 1fr);
        grid-template-areas: "label duration options";
        gap: 4px;
        padding: 5px;
    }

    body.free-detail-724 #free724-app .free724-quantity-label {
        justify-content: flex-start;
        gap: 4px;
    }

    body.free-detail-724 #free724-app .free724-quantity-label strong {
        position: static;
        width: auto;
        height: auto;
        overflow: visible;
        clip: auto;
        white-space: nowrap;
        font-size: 12px;
    }

    body.free-detail-724 #free724-app .free724-quantity-label i {
        font-size: 15px;
    }

    body.free-detail-724 #free724-app .free724-selected-duration {
        grid-area: duration;
        min-height: 44px;
        padding: 4px;
        border-radius: 7px;
    }

    body.free-detail-724 #free724-app .free724-selected-duration strong {
        font-size: 13px;
    }

    body.free-detail-724 #free724-app .free724-quantity-picker > .free724-start-row,
    body.free-detail-724 #free724-app .free724-quantity-picker > .free724-start-row .free724-start-button {
        min-height: 48px;
    }

    body.free-detail-724 #free724-app .content-sections-724 {
        padding-top: 76px;
    }

    body.free-detail-724 #free724-app .content-review-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "kicker score"
            "title score";
        gap: 3px 12px;
        padding: 16px;
    }

    body.free-detail-724 #free724-app .content-review-summary > h2 {
        font-size: 22px;
    }

    body.free-detail-724 #free724-app .content-review-score {
        padding: 8px 10px;
    }

    body.free-detail-724 #free724-app .content-review-score > strong {
        font-size: 34px;
    }

    body.free-detail-724 #free724-app .content-review-score .content-stars {
        font-size: 13px;
    }

    body.free-detail-724 #free724-app .content-review-bars {
        display: none;
    }

    body.free-detail-724 #free724-app .content-review-carousel-progress {
        width: min(150px, calc(100% - 102px));
    }

    body.free-detail-724 #free724-app .content-review-carousel-button {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    body.free-detail-724 #free724-app .content-review-list.is-carousel .content-review-item {
        min-height: 150px;
        flex-basis: 88%;
    }
}

@media (max-width: 479px) {
    body.free-detail-724 #free724-app .content-review-summary {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "kicker"
            "title"
            "score";
        gap: 5px;
    }

    body.free-detail-724 #free724-app .content-review-score {
        justify-self: start;
        margin-top: 7px;
    }

    body.free-detail-724 #free724-app .free724-quantity-rail {
        min-height: 54px;
        grid-template-columns: 62px 76px minmax(0, 1fr);
        grid-template-rows: 44px;
        gap: 3px;
        padding: 5px;
    }

    body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-grid {
        gap: 3px;
    }

    body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-option {
        min-height: 44px;
        padding-right: 1px;
        padding-left: 1px;
    }

    body.free-detail-724 #free724-app .free724-quantity-rail .free724-duration-option strong {
        max-width: 100%;
        font-size: clamp(9px, 3.4vw, 13px);
        line-height: 1;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

}

@media (max-width: 360px) {
    body.free-detail-724 #free724-app .free724-quantity-rail {
        grid-template-columns: 56px 68px minmax(0, 1fr);
        gap: 2px;
    }

    body.free-detail-724 #free724-app .free724-quantity-label strong,
    body.free-detail-724 #free724-app .free724-selected-duration strong {
        font-size: 12px;
    }

    body.free-detail-724 #free724-app .free724-quantity-label {
        gap: 3px;
    }

    body.free-detail-724 #free724-app .free724-quantity-label i {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.free-detail-724 #free724-app .content-review-list.is-carousel {
        scroll-behavior: auto;
    }

    body.free-detail-724 #free724-app .content-review-carousel-progress i,
    body.free-detail-724 #free724-app .content-review-carousel-button {
        transition: none;
    }
}
