:root {
    --egitim-set-blue: #0f70b7;
    --egitim-set-blue-dark: #075c9b;
    --egitim-set-red: #df1f2d;
    --egitim-set-green: #29b34a;
    --egitim-set-ink: #213047;
    --egitim-set-muted: #667085;
    --egitim-set-line: #e6edf5;
    --egitim-set-soft: #f4f8fd;
    --egitim-set-chip: #e8eef6;
}

body {
    background: #ffffff;
    color: var(--egitim-set-ink);
}

.egitim-set-page {
    font-family: Inter, Arial, sans-serif;
    background: #fff;
}

.egitim-set-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    border-bottom: 1px solid var(--egitim-set-line);
}

.egitim-set-hero-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 34px 24px 28px;
}

.egitim-set-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--egitim-set-blue);
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0;
    background: #e8f4ff;
    border: 1px solid #cfe8ff;
    padding: 9px 13px;
    border-radius: 8px;
}

.egitim-set-title {
    max-width: none;
    margin: 18px 0 10px;
    font-size: 42px;
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: 0;
}

.egitim-set-title strong {
    color: var(--egitim-set-red);
}

.egitim-set-lead {
    max-width: none;
    color: #536175;
    font-size: 17px;
    line-height: 1.65;
    margin: 0;
}

.egitim-set-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.egitim-set-stat {
    background: #fff;
    border: 1px solid var(--egitim-set-line);
    border-radius: 8px;
    padding: 14px 16px;
    box-shadow: 0 6px 18px rgba(15, 112, 183, 0.07);
}

.egitim-set-stat strong {
    display: block;
    color: var(--egitim-set-blue);
    font-size: 24px;
    line-height: 1;
}

.egitim-set-stat span {
    display: block;
    margin-top: 6px;
    color: var(--egitim-set-muted);
    font-size: 13px;
}

.egitim-set-shell {
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px 24px 46px;
}

.egitim-set-toolbar {
    display: grid;
    grid-template-columns: 1fr 190px 190px;
    gap: 12px;
    margin-bottom: 20px;
}

.egitim-set-search,
.egitim-set-select {
    height: 46px;
    border: 1px solid #d9e2ee;
    border-radius: 8px;
    padding: 0 14px;
    color: var(--egitim-set-ink);
    background: #fff;
    outline: none;
}

.egitim-set-tabs-wrap {
    position: relative;
    margin: 0 0 24px;
}

.egitim-set-tabs {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding: 1px 0 4px;
    scrollbar-width: thin;
}

.egitim-set-tab {
    flex: 0 0 auto;
    width: max-content;
    min-width: 132px;
    border: 0;
    background: #dfe7f1;
    color: #425066;
    border-radius: 5px;
    padding: 14px 20px;
    font-weight: 800;
    white-space: nowrap;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.egitim-set-tab:hover {
    transform: translateY(-1px);
    background: #d2deeb;
}

.egitim-set-tab.active {
    background: var(--egitim-set-blue);
    color: #fff;
}

.egitim-set-yks-subtabs {
    display: none;
    gap: 10px;
    overflow-x: auto;
    margin: -8px 0 24px;
    padding: 2px 0 4px;
    scrollbar-width: thin;
}

.egitim-set-yks-subtabs.visible {
    display: flex;
}

.egitim-set-yks-subtab {
    flex: 0 0 auto;
    width: max-content;
    border: 1px solid #cfe0f2;
    background: #fff;
    color: #29506f;
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.egitim-set-yks-subtab:hover {
    background: #edf6ff;
    border-color: #a9d1f4;
}

.egitim-set-yks-subtab.active {
    background: var(--egitim-set-blue);
    border-color: var(--egitim-set-blue);
    color: #fff;
}

.egitim-set-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.egitim-set-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--egitim-set-line);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(31, 45, 61, 0.09);
    min-height: 100%;
}

.egitim-set-card-media {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #edf5fc;
    overflow: hidden;
}

.egitim-set-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.egitim-set-ribbon {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #fff;
    background: var(--egitim-set-blue);
    border: 4px solid #fff;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    box-shadow: 0 6px 16px rgba(15, 112, 183, 0.25);
}

.egitim-set-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px 12px 16px;
}

.egitim-set-card h2 {
    font-size: 19px;
    line-height: 1.32;
    min-height: 52px;
    margin: 0 0 8px;
    color: #1f2d44;
    font-weight: 900;
}

.egitim-set-subtitle {
    color: var(--egitim-set-muted);
    font-size: 13px;
    min-height: 38px;
    margin: 0 0 10px;
}

.egitim-set-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 10px;
}

.egitim-set-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 5px;
    background: #d8efff;
    color: #195176;
    font-size: 12px;
    font-weight: 700;
}

.egitim-set-badge:nth-child(2) {
    background: #8fe655;
    color: #145d1f;
}

.egitim-set-curriculum-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:8px 0 12px; }
.egitim-set-curriculum-stats > div { padding:8px 6px; border:1px solid #dbeaf3; border-radius:7px; background:#f5fbff; text-align:center; }
.egitim-set-curriculum-stats strong, .egitim-set-curriculum-stats span { display:block; }
.egitim-set-curriculum-stats strong { color:#0876b9; font-size:16px; line-height:1.15; }
.egitim-set-curriculum-stats span { color:#607d91; font-size:10px; margin-top:3px; }

.egitim-set-section-label {
    display: block;
    margin: 8px 0 4px;
    color: var(--egitim-set-green);
    font-size: 13px;
    font-weight: 800;
}

.egitim-set-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.egitim-set-list li {
    position: relative;
    padding-left: 20px;
    margin: 4px 0;
    color: #263852;
    font-size: 13px;
    line-height: 1.32;
}

.egitim-set-feat-title {
    display: inline;
    color: #1d2f47;
    font-weight: 700;
}

.egitim-set-feat-text {
    display: block;
    margin: 1px 0 4px;
    color: #607d91;
    font-size: 12px;
    line-height: 1.35;
}

.egitim-set-list li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--egitim-set-green);
    font-size: 12px;
}

.egitim-set-skills li::before {
    color: var(--egitim-set-blue);
}

.egitim-set-price {
    margin-top: auto;
    padding-top: 18px;
}

.egitim-set-price strong {
    display: block;
    color: var(--egitim-set-blue);
    font-size: 28px;
    font-weight: 900;
}

.egitim-set-installment {
    margin-top: 6px;
    padding: 7px 10px;
    background: #ddfaef;
    border-radius: 5px;
    color: #145c31;
    font-size: 12px;
    text-align: center;
    font-weight: 800;
}

.egitim-set-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 16px;
}

.egitim-set-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 54px;
    border-radius: 7px;
    border: 1px solid var(--egitim-set-blue);
    background: #fff;
    color: var(--egitim-set-blue);
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.egitim-set-btn:hover {
    color: #fff;
    background: var(--egitim-set-blue);
    transform: translateY(-1px);
}

.egitim-set-btn.primary {
    color: #fff;
    background: var(--egitim-set-blue);
}

.egitim-set-btn.primary:hover {
    background: var(--egitim-set-blue-dark);
}

.egitim-set-empty {
    display: none;
    border: 1px dashed #b7c7d9;
    border-radius: 8px;
    padding: 26px;
    color: var(--egitim-set-muted);
    text-align: center;
    background: #fbfdff;
}

.egitim-set-load-more {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.egitim-set-load-more button {
    min-width: 214px;
    min-height: 56px;
    border: 1px solid var(--egitim-set-blue);
    border-radius: 7px;
    color: var(--egitim-set-blue);
    background: #fff;
    font-weight: 900;
}

.egitim-set-compare {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 30;
    width: min(420px, calc(100vw - 36px));
    background: #fff;
    border: 1px solid var(--egitim-set-line);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
    padding: 14px;
    transform: translateY(calc(100% + 28px));
    transition: transform .22s ease;
}

.egitim-set-compare.visible {
    transform: translateY(0);
}

.egitim-set-compare-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-weight: 900;
    color: var(--egitim-set-ink);
}

.egitim-set-compare-list {
    display: grid;
    gap: 8px;
    margin-top: 12px;
    color: #475569;
    font-size: 13px;
}

.egitim-set-detail-page {
    --detail-blue: #263df2;
    --detail-ink: #111827;
    --detail-muted: #7a8192;
    --detail-soft: #f0f3ff;
    font-family: Inter, Arial, sans-serif;
    background: #fff;
    color: var(--detail-ink);
}

.egitim-set-product {
    max-width: 1440px;
    margin: 0 auto;
    padding: 26px 24px 18px;
    display: grid;
    grid-template-columns: 390px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    background:
        radial-gradient(circle at 96% 3%, rgba(255, 222, 89, .35), transparent 30%),
        linear-gradient(115deg, #eef6ff 0%, #f9fbff 52%, #fff7f7 100%);
}

.egitim-set-premium-card {
    border: 1px solid #d9e5f4;
    border-radius: 38px;
    background: rgba(255,255,255,.86);
    box-shadow: 0 20px 48px rgba(31, 56, 104, .10);
    padding: 26px 24px 24px;
    min-height: 660px;
}

.egitim-set-premium-card h1 {
    margin: 10px 0 12px;
    text-align: center;
    color: #10182b;
    font-size: 22px;
    line-height: 1.22;
    font-weight: 900;
    letter-spacing: 0;
}

.egitim-set-premium-card > p {
    margin: 0 0 16px;
    text-align: center;
    color: #627392;
    font-size: 13px;
    font-weight: 800;
}

.egitim-set-premium-visual {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    aspect-ratio: 4 / 5;
    background: #ff5d9b;
    margin: 0 0 22px;
}

.egitim-set-premium-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.egitim-set-premium-visual span {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: inline-flex;
    gap: 7px;
    align-items: center;
    color: #fff;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255,255,255,.35);
    backdrop-filter: blur(8px);
    border-radius: 999px;
    padding: 9px 13px;
    font-size: 12px;
    font-weight: 900;
}

.egitim-set-premium-guarantees {
    display: grid;
    gap: 10px;
    margin: 0 24px 18px;
}

.egitim-set-premium-guarantees span {
    min-height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(16, 24, 40, .06);
}

.egitim-set-premium-guarantees .green {
    background: #e9fff4;
    color: #039653;
    border: 1px solid #b9f2d5;
}

.egitim-set-premium-guarantees .red {
    background: #fff1f1;
    color: #e10012;
    border: 1px solid #ffd0d0;
}

.egitim-set-premium-guarantees .blue {
    background: #edf7ff;
    color: #0f5eff;
    border: 1px solid #c9e5ff;
}

.egitim-set-premium-price {
    text-align: center;
    margin: 12px 0 12px;
    color: #080d1e;
}

.egitim-set-premium-price del {
    display: block;
    color: #67718a;
    font-size: 18px;
    font-weight: 700;
    text-decoration-thickness: 2px;
    margin-bottom: 2px;
}

.egitim-set-premium-price strong {
    font-size: 46px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -1px;
}

.egitim-set-premium-price small {
    color: #0b1226;
    font-size: 18px;
    font-weight: 900;
}

.egitim-set-premium-payline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 14px 0 16px;
}

.egitim-set-premium-payline button {
    border: 0;
    background: transparent;
    color: #61708c;
    font-size: 12px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.egitim-set-premium-payline span {
    border: 1px solid #b9d4ff;
    border-radius: 999px;
    color: #0f5eff;
    padding: 7px 12px;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

.egitim-set-premium-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 999px;
    background: linear-gradient(135deg, #315cfb, #2948f6);
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 14px 30px rgba(49, 92, 251, .28);
}

.egitim-set-premium-cta:hover {
    color: #fff;
    transform: translateY(-1px);
}

.egitim-set-premium-panel {
    border: 1px solid #e4edf8;
    border-radius: 38px;
    background: rgba(255,255,255,.76);
    box-shadow: 0 20px 50px rgba(31, 56, 104, .08);
    padding: 24px;
    min-height: 660px;
}

.egitim-set-premium-panel > h2 {
    margin: 0 0 18px;
    color: #111827;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: 0;
}

.egitim-set-premium-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 20px;
}

.egitim-set-premium-grid article {
    min-height: 136px;
    border-radius: 14px;
    padding: 18px 16px;
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 12px;
    align-content: start;
}

.egitim-set-premium-grid article.blue { background: #eff7ff; }
.egitim-set-premium-grid article.orange { background: #fff7f1; }
.egitim-set-premium-grid article.green { background: #effff7; }
.egitim-set-premium-grid article.red { background: #fff5f6; }

.egitim-set-premium-grid article > i {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    margin-top: 2px;
}

.egitim-set-premium-grid article.blue > i { background: #3793ff; }
.egitim-set-premium-grid article.orange > i { background: #ff840d; }
.egitim-set-premium-grid article.green > i { background: #19d271; }
.egitim-set-premium-grid article.red > i { background: #ff5060; }

.egitim-set-premium-grid h3 {
    margin: 0 0 9px;
    color: #172033;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.15;
}

.egitim-set-premium-grid p {
    margin: 0;
    color: #5a6577;
    font-size: 14px;
    line-height: 1.48;
    font-weight: 500;
}

.egitim-set-premium-lists {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 30px;
    border: 1px solid #dce8f5;
    border-radius: 34px;
    padding: 22px 26px;
    background: rgba(255,255,255,.62);
}

.egitim-set-premium-lists > div + div {
    border-left: 1px solid #e4edf8;
    padding-left: 28px;
}

.egitim-set-premium-lists h3 {
    margin: 0 0 14px;
    color: #1d2738;
    font-size: 16px;
    font-weight: 900;
}

.egitim-set-premium-lists ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 11px;
}

.egitim-set-premium-lists li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #26364c;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 750;
}

.egitim-set-premium-lists i {
    color: #0f5eff;
    font-size: 12px;
    width: 14px;
    text-align: center;
    flex: 0 0 auto;
}

.egitim-set-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--detail-blue);
    font-weight: 800;
    font-size: 13px;
    text-decoration: none;
    margin-bottom: 14px;
}

.egitim-set-product-head h1 {
    margin: 0;
    font-size: 35px;
    line-height: 1.14;
    font-weight: 900;
    letter-spacing: 0;
}

.egitim-set-product-head p {
    margin: 12px 0 22px;
    color: var(--detail-muted);
    font-size: 13px;
    font-weight: 700;
}

.egitim-set-product-grid {
    display: grid;
    grid-template-columns: 430px minmax(0, 1fr);
    gap: 28px;
    align-items: center;
}

.egitim-set-product-visual {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #f3f5f9;
    aspect-ratio: 16 / 9;
}

.egitim-set-product-visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.egitim-set-product-visual span {
    position: absolute;
    right: 18px;
    top: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    border-radius: 999px;
    background: #ef2c22;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 10px 22px rgba(239, 44, 34, .28);
}

.egitim-set-product-copy p {
    margin: 0 0 16px;
    color: #555d70;
    font-size: 14px;
    line-height: 1.72;
    font-weight: 600;
}

.egitim-set-product-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.egitim-set-product-tags span {
    padding: 8px 11px;
    border-radius: 999px;
    background: #eef2ff;
    color: var(--detail-blue);
    font-size: 12px;
    font-weight: 900;
}

.egitim-set-detail-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    max-width: 1040px;
    margin: 18px auto 0;
    background: #f0f3ff;
    border-radius: 10px;
    padding: 4px;
    position: sticky;
    top: 0;
    z-index: 12;
    box-shadow: 0 14px 26px rgba(32, 50, 207, .08);
}

.egitim-set-detail-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border-radius: 8px;
    color: #3e4660;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.egitim-set-detail-tabs a.active,
.egitim-set-detail-tabs a:hover {
    background: var(--detail-blue);
    color: #fff;
}

.egitim-set-buy-card {
    position: sticky;
    top: 18px;
    overflow: hidden;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 42px rgba(15, 23, 42, .16);
    border: 1px solid #edf0f7;
}

.egitim-set-buy-head {
    padding: 18px 20px;
    background: linear-gradient(135deg, #2032cf 0%, #2f43ff 100%);
    color: #fff;
}

.egitim-set-buy-head strong {
    display: block;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 900;
}

.egitim-set-buy-head span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(255,255,255,.15);
    font-size: 11px;
    font-weight: 800;
}

.egitim-set-buy-price {
    padding: 22px 20px 10px;
    text-align: center;
    color: #111827;
    font-size: 27px;
    font-weight: 900;
}

.egitim-set-buy-price small {
    color: #6b7280;
    font-size: 14px;
    font-weight: 700;
}

.egitim-set-cart-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin: 0 20px 18px;
    border-radius: 8px;
    background: var(--detail-blue);
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
}

.egitim-set-cart-btn:hover {
    color: #fff;
    background: #1728d8;
}

.egitim-set-buy-list,
.egitim-set-buy-badges {
    list-style: none;
    margin: 0;
    padding: 0 20px 16px;
}

.egitim-set-buy-list li,
.egitim-set-buy-badges span {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 10px 0;
    color: #697184;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 800;
}

.egitim-set-buy-list i {
    color: #6f82ff;
    margin-top: 2px;
}

.egitim-set-buy-badges {
    border-top: 1px solid #edf0f7;
    padding-top: 12px;
}

.egitim-set-buy-badges i {
    color: #2bbb73;
}

.egitim-set-detail-section {
    max-width: 1040px;
    margin: 0 auto;
    padding: 64px 24px 0;
}

.egitim-set-detail-section h2 {
    margin: 0 0 8px;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 900;
    color: #111827;
    letter-spacing: 0;
}

.egitim-set-detail-section > p {
    margin: 0 0 30px;
    color: #8a91a2;
    font-size: 14px;
    font-weight: 700;
}

.egitim-set-included-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.egitim-set-included-grid article {
    min-height: 208px;
    padding: 24px;
    border: 1px solid #edf0f7;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(18, 27, 52, .07);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.egitim-set-included-grid article:hover {
    transform: translateY(-4px);
    border-color: #dfe5ff;
    box-shadow: 0 20px 42px rgba(18, 27, 52, .11);
}

.egitim-set-included-grid i {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--detail-blue);
    font-size: 18px;
}

.egitim-set-included-grid article > span {
    display: inline-flex;
    margin-left: 10px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #5363ff;
    font-size: 11px;
    font-weight: 900;
    vertical-align: top;
}

.egitim-set-included-grid h3 {
    margin: 18px 0 10px;
    font-size: 18px;
    font-weight: 900;
}

.egitim-set-included-grid p {
    margin: 0;
    color: #6f7788;
    font-size: 13px;
    line-height: 1.65;
    font-weight: 600;
}

.egitim-set-success-stack {
    display: grid;
    gap: 32px;
}

.egitim-set-success-card {
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #edf0f7;
    padding: 0 0 28px;
    box-shadow: 0 14px 34px rgba(18, 27, 52, .06);
}

.egitim-set-success-card header {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 0 16px;
    border-radius: 9px;
    background: #eef2ff;
    color: #111827;
    font-size: 13px;
    font-weight: 900;
    box-shadow: inset 0 -2px 0 #5363ff;
}

.egitim-set-success-card header i {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--detail-blue);
}

.egitim-set-success-body {
    display: grid;
    grid-template-columns: 1fr 440px;
    gap: 38px;
    align-items: center;
    padding: 28px 26px 0;
}

.egitim-set-success-card.reverse .egitim-set-success-body {
    grid-template-columns: 440px 1fr;
}

.egitim-set-success-card.reverse .egitim-set-success-body > div:first-child {
    order: 2;
}

.egitim-set-success-body p {
    margin: 0 0 18px;
    color: #687083;
    font-size: 14px;
    line-height: 1.75;
    font-weight: 600;
}

.egitim-set-success-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
}

.egitim-set-success-body li {
    position: relative;
    padding-left: 22px;
    color: #333d52;
    font-size: 13px;
    font-weight: 900;
}

.egitim-set-success-body li::before {
    content: "\f0a4";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color: #5363ff;
}

.egitim-set-visual-panel {
    min-height: 260px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 65% 75%, #142dff 0, #773cff 43%, transparent 44%),
        linear-gradient(180deg, #f7f7f8 0%, #eceef3 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    overflow: hidden;
}

.egitim-set-visual-logo {
    font-size: 38px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    max-width: 92%;
    text-align: center;
    overflow-wrap: anywhere;
}

.egitim-set-visual-panel small {
    font-size: 11px;
    font-weight: 800;
    opacity: .88;
}

.egitim-set-module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.egitim-set-module-card {
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #edf0f7;
    background: #fff;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .08);
    transition: transform .18s ease, box-shadow .18s ease;
}

.egitim-set-module-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 48px rgba(15, 23, 42, .12);
}

.egitim-set-module-media {
    min-height: 172px;
    color: #fff;
    padding: 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.egitim-set-module-media i {
    font-size: 30px;
}

.egitim-set-module-media span {
    font-size: 12px;
    font-weight: 900;
}

.egitim-set-module-card h3,
.egitim-set-module-card strong,
.egitim-set-module-card p,
.egitim-set-module-card a {
    margin-left: 18px;
    margin-right: 18px;
}

.egitim-set-module-card h3 {
    margin-top: 18px;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 900;
}

.egitim-set-module-card strong {
    display: block;
    color: #5363ff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.egitim-set-module-card p {
    min-height: 92px;
    color: #6d7485;
    font-size: 13px;
    line-height: 1.65;
    font-weight: 600;
}

.egitim-set-module-card a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 18px;
    color: #5363ff;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.egitim-set-faq {
    display: grid;
    gap: 14px;
}

.egitim-set-faq details {
    border: 1px solid #edf0f7;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(15, 23, 42, .05);
}

.egitim-set-faq details[open] {
    border-radius: 18px;
}

.egitim-set-faq summary {
    min-height: 66px;
    padding: 0 20px 0 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    color: #1f2937;
    font-size: 14px;
    font-weight: 900;
    list-style: none;
}

.egitim-set-faq summary::-webkit-details-marker {
    display: none;
}

.egitim-set-faq summary i {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f4f5f8;
    color: #5363ff;
    flex: 0 0 auto;
}

.egitim-set-faq details[open] summary i {
    transform: rotate(180deg);
}

.egitim-set-faq p {
    margin: -4px 22px 20px;
    color: #697184;
    font-size: 13px;
    line-height: 1.6;
}

.egitim-set-lead-form {
    max-width: 1040px;
    margin: 64px auto 82px;
    padding: 42px;
    border-radius: 22px;
    background: #111f66;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 56px;
    align-items: center;
    box-shadow: 0 24px 60px rgba(17, 31, 102, .22);
}

.egitim-set-lead-form h2 {
    margin: 0 0 14px;
    color: #fff;
    font-size: 38px;
    line-height: 1.08;
    font-weight: 900;
}

.egitim-set-lead-form h2::first-line {
    color: #fff;
}

.egitim-set-lead-form p {
    margin: 0;
    color: #b9c4ff;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 700;
}

.egitim-set-lead-form form {
    display: grid;
    gap: 10px;
}

.egitim-set-lead-form input[type="text"],
.egitim-set-lead-form input[type="email"],
.egitim-set-lead-form input[type="tel"] {
    width: 100%;
    height: 42px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    background: rgba(255,255,255,.12);
    color: #fff;
    padding: 0 14px;
    outline: none;
}

.egitim-set-lead-form input::placeholder {
    color: #c7cef8;
}

.egitim-set-lead-form label {
    display: flex;
    gap: 8px;
    color: #cbd4ff;
    font-size: 10px;
    line-height: 1.35;
}

.egitim-set-lead-form button {
    height: 42px;
    border: 0;
    border-radius: 8px;
    background: #2842ff;
    color: #fff;
    font-weight: 900;
}

/* Refined detail content area */
.egitim-set-detail-page {
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdff 38%, #ffffff 100%),
        radial-gradient(circle at 12% 30%, rgba(49, 92, 251, .06), transparent 34%),
        radial-gradient(circle at 88% 72%, rgba(126, 63, 242, .05), transparent 36%);
}

.egitim-set-detail-tabs {
    max-width: 1120px;
    min-height: 56px;
    margin-top: 28px;
    border: 1px solid #e6ebff;
    border-radius: 14px;
    background: rgba(244, 247, 255, .9);
    padding: 6px;
    gap: 6px;
    backdrop-filter: blur(12px);
}

.egitim-set-detail-tabs a {
    min-height: 44px;
    border-radius: 10px;
    color: #2c3650;
    font-size: 12px;
    letter-spacing: 0;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.egitim-set-detail-tabs a.active,
.egitim-set-detail-tabs a:hover {
    background: linear-gradient(135deg, #2443ff 0%, #315cfb 100%);
    box-shadow: 0 12px 24px rgba(49, 92, 251, .22);
    transform: translateY(-1px);
}

.egitim-set-detail-section {
    max-width: 1120px;
    padding-top: 70px;
}

.egitim-set-detail-section h2 {
    position: relative;
    width: fit-content;
    margin-bottom: 12px;
    font-size: 36px;
}

.egitim-set-detail-section h2::after {
    content: "";
    position: absolute;
    left: 2px;
    bottom: -8px;
    width: 72px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #315cfb, #7b3ff2);
}

.egitim-set-detail-section > p {
    margin-top: 18px;
    margin-bottom: 34px;
    color: #7a8397;
}

.egitim-set-included-grid {
    gap: 22px;
}

.egitim-set-included-grid article {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    padding: 26px;
    border-color: #e7ecf8;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,1)),
        radial-gradient(circle at 92% 12%, rgba(49, 92, 251, .12), transparent 34%);
}

.egitim-set-included-grid article::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, #315cfb, #7b3ff2, #20d37b);
    opacity: .9;
}

.egitim-set-included-grid article::after {
    content: "";
    position: absolute;
    right: -34px;
    top: -34px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: rgba(49, 92, 251, .055);
}

.egitim-set-included-grid i {
    position: relative;
    z-index: 1;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, #315cfb, #2443ff);
    box-shadow: 0 12px 22px rgba(49, 92, 251, .22);
}

.egitim-set-included-grid article > span {
    position: relative;
    z-index: 1;
    background: #f0f4ff;
    color: #315cfb;
}

.egitim-set-included-grid h3,
.egitim-set-included-grid p {
    position: relative;
    z-index: 1;
}

.egitim-set-success-stack {
    gap: 34px;
}

.egitim-set-success-card {
    border-radius: 20px;
    border-color: #e5ebf8;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
    box-shadow: 0 18px 44px rgba(17, 24, 39, .075);
}

.egitim-set-success-card header {
    min-height: 58px;
    border-radius: 18px 18px 0 0;
    padding: 0 22px;
    background: linear-gradient(90deg, #eef3ff 0%, #f8faff 100%);
    box-shadow: inset 0 -2px 0 #315cfb;
    font-size: 14px;
}

.egitim-set-success-card header i {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    box-shadow: 0 10px 18px rgba(49, 92, 251, .2);
}

.egitim-set-success-body {
    padding: 30px;
    gap: 44px;
}

.egitim-set-success-body > div:first-child {
    padding: 8px 0;
}

.egitim-set-success-body p {
    color: #59667d;
    font-size: 14px;
    line-height: 1.8;
}

.egitim-set-success-body li {
    padding: 12px 12px 12px 36px;
    border-radius: 12px;
    background: #f7f9ff;
    border: 1px solid #edf1ff;
}

.egitim-set-success-body li::before {
    left: 13px;
    top: 12px;
}

.egitim-set-visual-panel {
    position: relative;
    min-height: 290px;
    border: 1px solid #e9edf5;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.egitim-set-visual-panel::before {
    content: "";
    position: absolute;
    inset: 18px;
    border-radius: 16px;
    background:
        linear-gradient(90deg, rgba(255,255,255,.38) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.38) 1px, transparent 1px);
    background-size: 22px 22px;
    opacity: .18;
}

.egitim-set-visual-logo,
.egitim-set-visual-panel small {
    position: relative;
    z-index: 1;
}

.egitim-set-module-grid {
    gap: 26px;
}

.egitim-set-module-card {
    border-radius: 20px;
    border-color: #e7ecf8;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
}

.egitim-set-module-media {
    position: relative;
    min-height: 190px;
    overflow: hidden;
}

.egitim-set-module-media::after {
    content: "";
    position: absolute;
    right: -18px;
    bottom: -24px;
    width: 160px;
    height: 108px;
    border-radius: 18px;
    background: rgba(255,255,255,.22);
    border: 1px solid rgba(255,255,255,.25);
    transform: rotate(-5deg);
}

.egitim-set-module-media i,
.egitim-set-module-media span {
    position: relative;
    z-index: 1;
}

.egitim-set-module-media i {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.18);
}

.egitim-set-faq {
    gap: 16px;
}

.egitim-set-faq details {
    border-color: #e7ecf8;
    box-shadow: 0 12px 26px rgba(17, 24, 39, .055);
}

.egitim-set-faq details[open] {
    box-shadow: 0 16px 34px rgba(49, 92, 251, .09);
    border-color: #dce4ff;
}

.egitim-set-faq summary {
    min-height: 68px;
}

.egitim-set-lead-form {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    background:
        radial-gradient(circle at 8% 20%, rgba(77, 106, 255, .35), transparent 30%),
        linear-gradient(135deg, #111f66 0%, #132a86 100%);
}

.egitim-set-lead-form::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -80px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(255,255,255,.06);
}

.egitim-set-lead-form > div,
.egitim-set-lead-form form {
    position: relative;
    z-index: 1;
}

.egitim-set-lead-form input[type="text"],
.egitim-set-lead-form input[type="email"],
.egitim-set-lead-form input[type="tel"] {
    height: 48px;
    border-radius: 10px;
}

.egitim-set-lead-form button {
    height: 48px;
    border-radius: 10px;
    background: linear-gradient(135deg, #315cfb, #2443ff);
    box-shadow: 0 12px 28px rgba(36, 67, 255, .28);
}

.egitim-set-content-suite {
    max-width: 1180px;
}

.egitim-set-world-panel {
    padding: 28px;
    border: 1px solid #dce7f8;
    border-radius: 32px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(15, 23, 42, .08);
}

.egitim-set-world-panel h2 {
    margin: 0 0 22px;
    width: auto;
    font-size: 25px;
    line-height: 1.2;
}

.egitim-set-world-panel h2::after {
    display: none;
}

.egitim-set-world-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.egitim-set-world-grid article {
    min-height: 255px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-content: start;
    gap: 14px;
    padding: 22px 18px;
    border: 0;
    border-radius: 18px;
    background: #eef6ff;
    box-shadow: none;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease;
}

.egitim-set-world-grid article:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, .08);
}

.egitim-set-world-grid article::before,
.egitim-set-world-grid article::after {
    display: none;
}

.egitim-set-world-grid article:nth-child(1),
.egitim-set-world-grid article:nth-child(5) {
    background: #edf6ff;
}

.egitim-set-world-grid article:nth-child(2),
.egitim-set-world-grid article:nth-child(6) {
    background: #fff7ef;
}

.egitim-set-world-grid article:nth-child(3) {
    background: #edfff6;
}

.egitim-set-world-grid article:nth-child(4) {
    background: #fff0f2;
}

.egitim-set-world-grid i {
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2f8df7;
    color: #fff;
    font-size: 11px;
    box-shadow: none;
}

.egitim-set-world-grid article:nth-child(2) i,
.egitim-set-world-grid article:nth-child(6) i {
    background: #ff820f;
}

.egitim-set-world-grid article:nth-child(3) i {
    background: #16c86b;
}

.egitim-set-world-grid article:nth-child(4) i {
    background: #ff5263;
}

.egitim-set-world-grid article h3 {
    margin: 0 0 10px;
    color: #0b1730;
    font-size: 17px;
    line-height: 1.22;
    font-weight: 900;
}

.egitim-set-world-grid article p {
    margin: 0;
    color: #51627d;
    font-size: 15px;
    line-height: 1.55;
    font-weight: 800;
}

.egitim-set-suite-heading {
    margin: 54px 0 22px;
    max-width: 820px;
}

.egitim-set-suite-heading > span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    background: #eef3ff;
    color: #315cfb;
    font-size: 12px;
    font-weight: 700;
}

.egitim-set-suite-heading h3 {
    margin: 16px 0 10px;
    color: #111827;
    font-size: 28px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: 0;
}

.egitim-set-suite-heading p {
    margin: 0;
    color: #647086;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 500;
}

.egitim-set-student-suite {
    margin-top: 8px;
}

.egitim-set-student-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.egitim-set-student-grid article {
    min-height: 210px;
    border: 1px solid #e7ecf8;
    border-radius: 18px;
    background:
        radial-gradient(circle at 88% 12%, rgba(49, 92, 251, .10), transparent 30%),
        #ffffff;
    padding: 17px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .055);
    transition: transform .18s ease, box-shadow .18s ease;
}

.egitim-set-student-grid article:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 44px rgba(15, 23, 42, .10);
}

.egitim-set-student-grid i {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef3ff;
    color: #315cfb;
    margin-bottom: 14px;
}

.egitim-set-student-grid strong {
    display: block;
    color: #172033;
    font-size: 13px;
    line-height: 1.28;
    font-weight: 700;
}

.egitim-set-student-grid span {
    display: block;
    margin-top: 8px;
    color: #69758c;
    font-size: 10px;
    line-height: 1.35;
    font-weight: 600;
}

.egitim-set-student-grid p {
    margin: 10px 0 0;
    color: #5f6c82;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 500;
}

.egitim-set-package-suite {
    margin-top: 8px;
}

.egitim-set-package-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.egitim-set-package-grid article {
    min-height: 150px;
    border-radius: 20px;
    border: 1px solid #e7ecf8;
    padding: 18px;
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}

.egitim-set-package-grid article.credit {
    background:
        linear-gradient(180deg, #f7f9ff, #ffffff),
        radial-gradient(circle at 95% 5%, rgba(49, 92, 251, .18), transparent 34%);
}

.egitim-set-package-grid article.content {
    grid-column: span 2;
    min-height: 130px;
}

.egitim-set-package-grid i {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, #315cfb, #7b3ff2);
    box-shadow: 0 12px 24px rgba(49, 92, 251, .20);
}

.egitim-set-package-grid h4 {
    margin: 0 0 8px;
    color: #131c2f;
    font-size: 14px;
    line-height: 1.32;
    font-weight: 700;
}

.egitim-set-package-grid p {
    margin: 0;
    color: #68748a;
    font-size: 12px;
    line-height: 1.65;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .egitim-set-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .egitim-set-product {
        grid-template-columns: 1fr;
        max-width: 760px;
    }

    .egitim-set-buy-card {
        position: static;
    }

    .egitim-set-premium-card,
    .egitim-set-premium-panel {
        min-height: auto;
    }

    .egitim-set-premium-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .egitim-set-premium-lists {
        grid-template-columns: 1fr;
    }

    .egitim-set-premium-lists > div + div {
        border-left: 0;
        border-top: 1px solid #e4edf8;
        padding-left: 0;
        padding-top: 20px;
    }

    .egitim-set-product-grid,
    .egitim-set-success-body,
    .egitim-set-success-card.reverse .egitim-set-success-body,
    .egitim-set-lead-form {
        grid-template-columns: 1fr;
    }

    .egitim-set-success-card.reverse .egitim-set-success-body > div:first-child {
        order: 0;
    }
}

@media (max-width: 760px) {
    .egitim-set-title {
        font-size: 31px;
    }

    .egitim-set-stats,
    .egitim-set-toolbar,
    .egitim-set-grid {
        grid-template-columns: 1fr;
    }

    .egitim-set-shell,
    .egitim-set-hero-inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .egitim-set-actions {
        grid-template-columns: 1fr;
    }

    .egitim-set-product,
    .egitim-set-detail-section,
    .egitim-set-lead-form {
        padding-left: 16px;
        padding-right: 16px;
    }

    .egitim-set-product-head h1,
    .egitim-set-detail-section h2 {
        font-size: 27px;
    }

    .egitim-set-product-grid,
    .egitim-set-included-grid,
    .egitim-set-module-grid,
    .egitim-set-detail-tabs,
    .egitim-set-premium-grid {
        grid-template-columns: 1fr;
    }

    .egitim-set-premium-card,
    .egitim-set-premium-panel {
        border-radius: 22px;
        padding: 18px;
    }

    .egitim-set-premium-card h1 {
        font-size: 20px;
    }

    .egitim-set-premium-price strong {
        font-size: 38px;
    }

    .egitim-set-premium-payline {
        flex-direction: column;
        align-items: stretch;
    }

    .egitim-set-premium-payline button,
    .egitim-set-premium-payline span {
        justify-content: center;
        text-align: center;
    }

    .egitim-set-lead-form {
        margin-left: 16px;
        margin-right: 16px;
        padding-top: 26px;
        padding-bottom: 26px;
    }
}

@media (max-width: 640px) {
    html {
        scroll-padding-top: 76px;
    }

    .egitim-set-detail-page {
        overflow-x: hidden;
        background: #ffffff;
    }

    .egitim-set-product {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 14px 12px 10px;
        background:
            radial-gradient(circle at 94% 2%, rgba(255, 222, 89, .22), transparent 38%),
            linear-gradient(180deg, #f2f8ff 0%, #ffffff 100%);
    }

    .egitim-set-back {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .egitim-set-premium-card,
    .egitim-set-premium-panel {
        width: 100%;
        border-radius: 20px;
        padding: 16px;
        box-shadow: 0 14px 32px rgba(31, 56, 104, .09);
    }

    .egitim-set-premium-card h1 {
        font-size: 21px;
        line-height: 1.2;
        text-align: left;
        margin-top: 6px;
    }

    .egitim-set-premium-card > p {
        text-align: left;
        font-size: 12px;
        line-height: 1.45;
    }

    .egitim-set-premium-visual {
        border-radius: 16px;
        aspect-ratio: 4 / 5;
        margin-bottom: 14px;
    }

    .egitim-set-premium-visual span {
        right: 12px;
        bottom: 12px;
        padding: 8px 10px;
        font-size: 11px;
    }

    .egitim-set-premium-guarantees {
        margin: 0 0 14px;
        gap: 8px;
    }

    .egitim-set-premium-guarantees span {
        min-height: 34px;
        justify-content: flex-start;
        padding: 0 12px;
        font-size: 11px;
    }

    .egitim-set-premium-price {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: end;
        gap: 4px 8px;
        text-align: left;
        margin: 10px 0 12px;
    }

    .egitim-set-premium-price del {
        grid-column: 1 / -1;
        font-size: 14px;
        margin: 0;
    }

    .egitim-set-premium-price strong {
        font-size: 34px;
    }

    .egitim-set-premium-price small {
        font-size: 14px;
        padding-bottom: 4px;
    }

    .egitim-set-premium-payline {
        gap: 8px;
        margin: 10px 0 14px;
    }

    .egitim-set-premium-payline button,
    .egitim-set-premium-payline span {
        width: 100%;
        min-height: 34px;
        border-radius: 10px;
    }

    .egitim-set-premium-cta {
        min-height: 48px;
        border-radius: 14px;
        font-size: 14px;
    }

    .egitim-set-premium-panel > h2 {
        font-size: 18px;
        margin-bottom: 14px;
    }

    .egitim-set-premium-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 14px;
    }

    .egitim-set-premium-grid article {
        min-height: auto;
        border-radius: 14px;
        padding: 14px;
        grid-template-columns: 22px 1fr;
    }

    .egitim-set-premium-grid h3 {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .egitim-set-premium-grid p {
        font-size: 12px;
        line-height: 1.45;
    }

    .egitim-set-premium-lists {
        grid-template-columns: 1fr;
        gap: 18px;
        border-radius: 18px;
        padding: 16px;
    }

    .egitim-set-premium-lists > div + div {
        border-left: 0;
        border-top: 1px solid #e4edf8;
        padding-left: 0;
        padding-top: 16px;
    }

    .egitim-set-premium-lists h3 {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .egitim-set-premium-lists ul {
        gap: 10px;
    }

    .egitim-set-premium-lists li {
        align-items: flex-start;
        font-size: 12px;
        line-height: 1.35;
    }

    .egitim-set-detail-tabs {
        position: sticky;
        top: 0;
        z-index: 20;
        display: flex;
        max-width: none;
        margin: 10px 12px 0;
        overflow-x: auto;
        gap: 8px;
        padding: 6px;
        border-radius: 14px;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .egitim-set-detail-tabs::-webkit-scrollbar {
        display: none;
    }

    .egitim-set-detail-tabs a {
        flex: 0 0 auto;
        min-width: 132px;
        min-height: 42px;
        padding: 0 14px;
        font-size: 11px;
        scroll-snap-align: start;
    }

    .egitim-set-detail-section {
        max-width: none;
        padding: 46px 14px 0;
    }

    .egitim-set-detail-section h2 {
        font-size: 27px;
        line-height: 1.14;
        max-width: 100%;
    }

    .egitim-set-detail-section h2::after {
        width: 58px;
        height: 3px;
    }

    .egitim-set-detail-section > p {
        margin-top: 16px;
        margin-bottom: 22px;
        font-size: 12px;
        line-height: 1.55;
    }

    .egitim-set-included-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .egitim-set-included-grid article {
        min-height: auto;
        border-radius: 16px;
        padding: 18px;
    }

    .egitim-set-included-grid i {
        width: 42px;
        height: 42px;
    }

    .egitim-set-included-grid article > span {
        max-width: calc(100% - 58px);
        white-space: normal;
        line-height: 1.25;
    }

    .egitim-set-included-grid h3 {
        font-size: 17px;
        margin-top: 16px;
    }

    .egitim-set-success-stack {
        gap: 18px;
    }

    .egitim-set-success-card {
        border-radius: 18px;
        padding-bottom: 18px;
    }

    .egitim-set-success-card header {
        min-height: 54px;
        border-radius: 18px 18px 0 0;
        padding: 0 14px;
        font-size: 12px;
    }

    .egitim-set-success-card header i {
        width: 32px;
        height: 32px;
        flex: 0 0 auto;
    }

    .egitim-set-success-body,
    .egitim-set-success-card.reverse .egitim-set-success-body {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 18px;
    }

    .egitim-set-success-card.reverse .egitim-set-success-body > div:first-child {
        order: 0;
    }

    .egitim-set-success-body p {
        font-size: 12px;
        line-height: 1.65;
    }

    .egitim-set-success-body ul {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .egitim-set-success-body li {
        font-size: 12px;
        padding: 10px 10px 10px 34px;
    }

    .egitim-set-success-body li::before {
        top: 10px;
        left: 12px;
    }

    .egitim-set-visual-panel {
        min-height: 210px;
        border-radius: 16px;
    }

    .egitim-set-visual-logo {
        font-size: 30px;
    }

    .egitim-set-module-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .egitim-set-module-card {
        border-radius: 18px;
    }

    .egitim-set-module-media {
        min-height: 150px;
        padding: 18px;
    }

    .egitim-set-module-card h3 {
        font-size: 17px;
    }

    .egitim-set-module-card p {
        min-height: auto;
        font-size: 12px;
    }

    .egitim-set-faq {
        gap: 10px;
    }

    .egitim-set-faq details,
    .egitim-set-faq details[open] {
        border-radius: 16px;
    }

    .egitim-set-faq summary {
        min-height: 56px;
        padding: 0 12px 0 16px;
        gap: 10px;
        font-size: 12px;
        line-height: 1.35;
    }

    .egitim-set-faq summary i {
        width: 32px;
        height: 32px;
    }

    .egitim-set-faq p {
        margin: -2px 16px 16px;
        font-size: 12px;
    }

    .egitim-set-lead-form {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 44px 14px 56px;
        padding: 22px;
        border-radius: 18px;
    }

    .egitim-set-lead-form h2 {
        font-size: 27px;
        line-height: 1.08;
    }

    .egitim-set-lead-form p {
        font-size: 12px;
    }

    .egitim-set-lead-form form {
        gap: 9px;
    }

    .egitim-set-lead-form input[type="text"],
    .egitim-set-lead-form input[type="email"],
    .egitim-set-lead-form input[type="tel"],
    .egitim-set-lead-form button {
        height: 46px;
    }

    .egitim-set-lead-form label {
        align-items: flex-start;
        font-size: 10px;
    }

    .egitim-set-content-suite {
        max-width: none;
    }

    .egitim-set-world-panel {
        padding: 18px;
        border-radius: 22px;
    }

    .egitim-set-world-panel h2 {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .egitim-set-world-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .egitim-set-world-grid article {
        min-height: auto;
        padding: 18px 16px;
        border-radius: 16px;
    }

    .egitim-set-world-grid article h3 {
        font-size: 16px;
    }

    .egitim-set-world-grid article p {
        font-size: 13px;
        line-height: 1.6;
    }

    .egitim-set-suite-heading {
        margin: 36px 0 18px;
    }

    .egitim-set-suite-heading h3 {
        font-size: 22px;
    }

    .egitim-set-suite-heading p {
        font-size: 12px;
        line-height: 1.6;
    }

    .egitim-set-student-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .egitim-set-student-grid article {
        min-height: auto;
        display: grid;
        grid-template-columns: 40px 1fr;
        gap: 12px;
        padding: 14px;
        border-radius: 14px;
    }

    .egitim-set-student-grid i {
        margin-bottom: 0;
        grid-row: span 2;
    }

    .egitim-set-student-grid span {
        margin-top: 4px;
    }

    .egitim-set-package-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .egitim-set-package-grid article,
    .egitim-set-package-grid article.content {
        grid-column: auto;
        min-height: auto;
        border-radius: 16px;
        padding: 15px;
    }
}

@media (max-width: 380px) {
    .egitim-set-premium-card h1 {
        font-size: 19px;
    }

    .egitim-set-premium-price strong {
        font-size: 30px;
    }

    .egitim-set-detail-tabs a {
        min-width: 118px;
        padding: 0 12px;
    }

    .egitim-set-detail-section h2,
    .egitim-set-lead-form h2 {
        font-size: 24px;
    }
}