:root {
  --catalog-ink: #151515;
  --catalog-paper: #f8f7f3;
  --catalog-line: rgba(21, 21, 21, .16);
  --catalog-muted: #686860;
}

.theme-catalog-page { background: var(--catalog-paper); color: var(--catalog-ink); overflow: hidden; }
.theme-studio-hero { min-height: 655px; display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 54%); background: #eae7df; border-bottom: 1px solid var(--catalog-line); }
.theme-studio-copy { padding: clamp(82px, 11vw, 170px) clamp(28px, 6.6vw, 112px) 66px; display: flex; flex-direction: column; align-items: flex-start; }
.theme-studio-copy h1, .catalog-heading h2, .compare-heading h2, .theme-assurance h2 { margin: 20px 0 21px; font-size: clamp(42px, 5.05vw, 83px); line-height: .97; letter-spacing: -.072em; font-weight: 600; }
.theme-studio-copy h1 em, .catalog-heading h2 em, .compare-heading h2 em, .theme-assurance h2 em { font-family: Georgia, serif; font-weight: 400; letter-spacing: -.075em; }
.studio-lead { max-width: 490px; margin: 0; color: #45453f; font-size: 15px; line-height: 1.75; }
.theme-hero-actions { display: flex; align-items: center; gap: 24px; margin-top: 39px; }
.text-action { border: 0; background: transparent; padding: 8px 0; color: var(--catalog-ink); cursor: pointer; font: 600 12px/1 Manrope, sans-serif; border-bottom: 1px solid #181818; }
.text-action span, .catalog-card-actions span { display: inline-block; margin-left: 6px; transition: transform .2s ease; }
.text-action:hover span, .catalog-card-actions a:hover span, .catalog-card-actions button:hover span { transform: translate(2px, -2px); }
.theme-trust-line { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 80px; color: #77766f; font-size: 10px; letter-spacing: .02em; text-transform: uppercase; }
.theme-trust-line b { color: #171717; font: 500 14px/1 "DM Mono", monospace; }
.theme-trust-line i { width: 22px; height: 1px; margin: 0 8px; background: #a6a49d; }

.theme-selector-stage { position: relative; min-height: 655px; padding: 66px clamp(28px, 7vw, 112px) 60px; background: #d8d3ca; overflow: hidden; }
.theme-selector-stage::before { content: ""; position: absolute; width: 440px; height: 440px; border-radius: 50%; border: 1px solid rgba(20,20,20,.11); right: -115px; bottom: -184px; }
.theme-selector-stage::after { content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%; border: 1px solid rgba(20,20,20,.1); right: 42px; bottom: -115px; }
.stage-label { position: relative; z-index: 1; margin: 0 0 32px; color: #5e5c56; font: 10px/1 "DM Mono", monospace; letter-spacing: .08em; }
.stage-label span { color: #171717; }.stage-label b { font-family: Manrope, sans-serif; font-weight: 700; }
.stage-browser { position: relative; z-index: 1; width: min(100%, 545px); margin-left: auto; aspect-ratio: 1.52; border: 5px solid #1b1b1a; border-radius: 8px; background: #fff; box-shadow: 14px 17px 0 rgba(17,17,17,.12); overflow: hidden; transition: background .32s ease, color .32s ease; }
.stage-browser-bar { height: 26px; padding: 0 10px; display: flex; align-items: center; gap: 4px; background: #242424; }
.stage-browser-bar i { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.55); }.stage-browser-bar span { width: 30%; height: 3px; margin-left: 15px; border-radius: 999px; background: rgba(255,255,255,.32); }.stage-browser-bar b { margin-left: auto; width: 30px; height: 3px; background: rgba(255,255,255,.55); }
.stage-browser-content { position: relative; height: calc(100% - 26px); padding: 28px 31px; overflow: hidden; }.stage-browser-kicker { position: relative; z-index: 2; font: 8px/1 "DM Mono", monospace; letter-spacing: .14em; }.stage-browser-content h2 { position: relative; z-index: 2; margin: 21px 0 0; font: 600 clamp(25px, 3.3vw, 48px)/.89 Manrope, sans-serif; letter-spacing: -.075em; }.stage-browser-content p { position: absolute; z-index: 2; left: 31px; bottom: 26px; margin: 0; font-size: 8px; letter-spacing: .05em; }
.stage-browser-shape { position: absolute; right: 10%; top: 16%; width: 35%; height: 64%; border-radius: 48% 48% 6px 6px; background: #b9b2a7; transform: rotate(8deg); }.stage-browser-shape::before { content: ""; position: absolute; left: 21%; top: -12%; width: 57%; height: 25%; border-radius: 50%; background: inherit; }.stage-browser-products { position: absolute; right: 25px; bottom: 21px; display: flex; gap: 6px; }.stage-browser-products i { width: 26px; height: 35px; background: rgba(0,0,0,.15); }
.stage-phone { position: absolute; z-index: 3; left: clamp(22px, 6vw, 104px); bottom: 75px; width: 122px; aspect-ratio: .54; padding: 7px; background: #171717; border-radius: 15px; box-shadow: 8px 11px 18px rgba(0,0,0,.19); transform: rotate(-7deg); transition: background .32s ease; }.stage-phone > div { position: relative; height: 100%; padding: 24px 10px 12px; overflow: hidden; border-radius: 10px; background: #eeeae3; }.stage-phone small { position: relative; z-index: 2; display: block; font: 6px/1 "DM Mono", monospace; letter-spacing: .12em; }.stage-phone i { position: absolute; top: 50px; left: 22px; width: 65px; height: 85px; border-radius: 45% 45% 4px 4px; background: #c3baae; transform: rotate(7deg); }.stage-phone b { position: absolute; left: 10px; bottom: 13px; z-index: 2; font: 600 9px/1 Manrope, sans-serif; }
.stage-controls { position: absolute; z-index: 4; right: clamp(28px, 7vw, 112px); bottom: 64px; display: flex; gap: 5px; }.stage-controls button { width: 29px; height: 29px; border: 1px solid rgba(21,21,21,.29); border-radius: 50%; color: #3d3b37; background: transparent; cursor: pointer; font: 9px/1 "DM Mono", monospace; transition: .2s ease; }.stage-controls button:hover, .stage-controls button.is-active { border-color: #161616; background: #161616; color: #fff; }

.stage-browser.modern { background: #e8f2ff; color: #123777; }.stage-browser.modern .stage-browser-bar { background: #1e3a8a; }.stage-browser.modern .stage-browser-shape { width: 42%; height: 73%; right: 7%; top: 11%; border-radius: 30px 30px 0 0; background: #51b1ea; }.stage-browser.modern .stage-browser-products i { background: #8ab9e8; }.stage-phone.modern > div { background: #e8f2ff; }.stage-phone.modern i { background: #51b1ea; border-radius: 28px 28px 0 0; }
.stage-browser.electro { background: #121827; color: #f6f7f9; }.stage-browser.electro .stage-browser-bar { background: #84cc16; }.stage-browser.electro .stage-browser-bar i, .stage-browser.electro .stage-browser-bar span, .stage-browser.electro .stage-browser-bar b { background: #192018; }.stage-browser.electro .stage-browser-shape { width: 45%; height: 48%; top: 23%; right: 6%; border-radius: 50% 50% 8px 8px; background: #84cc16; box-shadow: inset 0 0 0 14px #263536; }.stage-browser.electro .stage-browser-products i { background: #64748b; }.stage-phone.electro > div { background: #121827; color: #fff; }.stage-phone.electro i { background: #84cc16; border-radius: 50% 50% 8px 8px; }
.stage-browser.minimal { background: #fcfcfc; color: #202023; }.stage-browser.minimal .stage-browser-bar { background: #262629; }.stage-browser.minimal .stage-browser-shape { width: 35%; height: 69%; top: 13%; right: 11%; border-radius: 2px; background: #bebcb8; }.stage-browser.minimal .stage-browser-products i { background: #d2d0cc; }.stage-phone.minimal > div { background: #fbfbfb; }.stage-phone.minimal i { border-radius: 2px; background: #bebcb8; }

.theme-choice-notes { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--catalog-line); }.theme-choice-notes p { min-height: 130px; margin: 0; padding: 33px clamp(22px, 4.7vw, 70px); border-right: 1px solid var(--catalog-line); font: 700 12px/1.35 Manrope, sans-serif; }.theme-choice-notes p:last-child { border: 0; }.theme-choice-notes b { display: block; margin-bottom: 14px; color: #86847d; font: 10px/1 "DM Mono", monospace; }.theme-choice-notes span { color: #77766f; font-weight: 400; }

.theme-catalog { max-width: 1440px; margin: 0 auto; padding: 117px clamp(28px, 6.6vw, 112px) 100px; }.catalog-heading, .compare-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .66fr); gap: 70px; align-items: end; }.catalog-heading h2, .compare-heading h2 { font-size: clamp(40px, 4.5vw, 69px); }.catalog-heading > p, .compare-heading > p { max-width: 395px; margin: 0 0 19px; color: var(--catalog-muted); font-size: 14px; line-height: 1.75; }.theme-filter-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 62px; padding-bottom: 17px; border-bottom: 1px solid var(--catalog-line); }.theme-filter-bar button { border: 1px solid #c8c7c1; border-radius: 999px; padding: 10px 14px; background: transparent; color: #45453f; cursor: pointer; font: 600 11px/1 Manrope, sans-serif; transition: .18s ease; }.theme-filter-bar button:hover, .theme-filter-bar button.is-active { border-color: #191919; background: #191919; color: #fff; }.theme-filter-bar small { margin-left: 5px; font: 9px/1 "DM Mono", monospace; }.catalog-result { margin: 16px 0 24px; color: #85837c; font: 10px/1 "DM Mono", monospace; letter-spacing: .02em; }.catalog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }.catalog-theme-card { padding: 15px 15px 18px; border: 1px solid var(--catalog-line); background: #fff; transition: transform .25s ease, box-shadow .25s ease; }.catalog-theme-card:hover { transform: translateY(-4px); box-shadow: 0 15px 30px rgba(19,19,19,.08); }.catalog-theme-card[hidden] { display: none; }.catalog-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px; color: #73726c; font: 9px/1 "DM Mono", monospace; letter-spacing: .08em; }.compare-toggle { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; color: #4e4d48; font: 600 9px/1 Manrope, sans-serif; letter-spacing: 0; }.compare-toggle input { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; }.compare-toggle i { width: 13px; height: 13px; border: 1px solid #aaa8a1; display: grid; place-items: center; transition: .15s ease; }.compare-toggle i::after { content: "✓"; color: #fff; font: 10px/1 Manrope, sans-serif; opacity: 0; }.compare-toggle input:focus-visible + i { outline: 2px solid #4285f4; outline-offset: 2px; }.compare-toggle input:checked + i { border-color: #1d1d1d; background: #1d1d1d; }.compare-toggle input:checked + i::after { opacity: 1; }
.catalog-visual { position: relative; min-height: 285px; overflow: hidden; background: #e9e4db; }.catalog-window { position: relative; height: 285px; padding: 25px; overflow: hidden; background: #eee9e0; color: #151515; }.catalog-window p { position: relative; z-index: 2; margin: 0; font: 8px/1 "DM Mono", monospace; letter-spacing: .1em; }.catalog-window h3 { position: relative; z-index: 2; margin: 37px 0 0; font: 600 clamp(29px, 3.15vw, 47px)/.88 Manrope, sans-serif; letter-spacing: -.075em; }.catalog-window > i { position: absolute; right: 12%; top: 15%; width: 34%; height: 61%; border-radius: 48% 48% 4px 4px; background: #b7afa3; transform: rotate(7deg); }.catalog-window > i::before { content: ""; position: absolute; top: -13%; left: 19%; width: 61%; height: 27%; border-radius: 50%; background: inherit; }.visual-product-row { position: absolute; z-index: 2; display: flex; gap: 5px; left: 25px; bottom: 20px; }.visual-product-row b { width: 24px; height: 28px; background: rgba(14,14,14,.13); }.catalog-mobile { position: absolute; right: 9%; bottom: -9px; width: 84px; aspect-ratio: .55; padding: 6px; border-radius: 11px 11px 0 0; background: #191919; box-shadow: 5px 7px 13px rgba(0,0,0,.18); transform: rotate(-6deg); }.catalog-mobile::before { content: ""; display: block; height: 100%; padding: 15px 8px; border-radius: 7px 7px 0 0; background: #eee9e0; }.catalog-mobile small, .catalog-mobile b { position: absolute; z-index: 2; left: 14px; }.catalog-mobile small { top: 24px; font: 5px/1 "DM Mono", monospace; }.catalog-mobile b { bottom: 13px; font: 600 7px/1 Manrope, sans-serif; }.catalog-mobile i { position: absolute; z-index: 1; top: 42px; left: 27px; width: 40px; height: 55px; border-radius: 48% 48% 4px 4px; background: #b7afa3; transform: rotate(6deg); }
.catalog-theme-card.modern .catalog-visual, .catalog-theme-card.modern .catalog-window { background: #e8f2ff; color: #123777; }.catalog-theme-card.modern .catalog-window > i, .catalog-theme-card.modern .catalog-mobile i { border-radius: 22px 22px 0 0; background: #51b1ea; }.catalog-theme-card.modern .catalog-mobile::before { background: #e8f2ff; }.catalog-theme-card.modern .visual-product-row b { background: #8ab9e8; }.catalog-theme-card.electro .catalog-visual, .catalog-theme-card.electro .catalog-window { background: #121827; color: #f9fafb; }.catalog-theme-card.electro .catalog-window > i, .catalog-theme-card.electro .catalog-mobile i { border-radius: 50% 50% 5px 5px; background: #84cc16; box-shadow: inset 0 0 0 10px #263536; }.catalog-theme-card.electro .catalog-mobile::before { background: #121827; }.catalog-theme-card.electro .visual-product-row b { background: #64748b; }.catalog-theme-card.minimal .catalog-visual, .catalog-theme-card.minimal .catalog-window { background: #fafafa; color: #242427; }.catalog-theme-card.minimal .catalog-window > i, .catalog-theme-card.minimal .catalog-mobile i { border-radius: 1px; background: #bdbbb6; }.catalog-theme-card.minimal .catalog-mobile::before { background: #fafafa; }.catalog-theme-card.minimal .visual-product-row b { background: #d3d0cb; }
.catalog-card-body { display: flex; justify-content: space-between; gap: 15px; padding-top: 19px; }.catalog-card-body p { margin: 0 0 6px; color: #77766f; font: 9px/1 "DM Mono", monospace; letter-spacing: .025em; }.catalog-card-body h3 { margin: 0; font-size: 22px; letter-spacing: -.055em; }.theme-mood { height: fit-content; margin-top: 8px; border: 1px solid #c7c6c0; border-radius: 999px; padding: 5px 8px; color: #686761; font: 9px/1 Manrope, sans-serif; }.catalog-description { min-height: 43px; margin: 14px 0 18px; color: #66655f; font-size: 12px; line-height: 1.65; }.catalog-card-actions { display: flex; gap: 20px; padding-top: 14px; border-top: 1px solid #e3e1db; }.catalog-card-actions button, .catalog-card-actions a { padding: 0; border: 0; color: #252525; background: transparent; cursor: pointer; text-decoration: none; font: 700 10px/1 Manrope, sans-serif; }.catalog-card-actions a { color: #6b6a63; }.catalog-empty { padding: 31px; border: 1px dashed #bbb9b2; color: #727169; font-size: 13px; text-align: center; }

.theme-compare-section { max-width: 1440px; margin: 0 auto; padding: 97px clamp(28px, 6.6vw, 112px) 107px; border-top: 1px solid var(--catalog-line); background: #eae7df; }.compare-heading > p { color: #67665f; }.comparison-note { margin: 52px 0 17px; color: #6e6c65; font: 10px/1.5 "DM Mono", monospace; }.compare-placeholder { display: grid; grid-template-columns: 1fr 1fr; min-height: 160px; border: 1px dashed #b6b3aa; color: #8b887f; }.compare-placeholder span { display: grid; place-items: center; border-right: 1px dashed #b6b3aa; font: 300 40px/1 Georgia, serif; }.compare-placeholder p { grid-column: 1 / -1; margin: 0; padding: 11px; border-top: 1px dashed #b6b3aa; font: 10px/1 "DM Mono", monospace; text-align: center; }.theme-comparison { overflow-x: auto; }.theme-comparison > * { min-width: 650px; }.comparison-labels, .comparison-columns { display: grid; grid-template-columns: 160px repeat(2, minmax(220px, 1fr)); }.comparison-labels { border: 1px solid #b9b5ad; border-bottom: 0; }.comparison-labels span { min-height: 48px; display: flex; align-items: center; padding: 13px 15px; border-right: 1px solid #b9b5ad; color: #65635d; font: 10px/1 "DM Mono", monospace; }.comparison-labels span:first-child { color: #171717; }.comparison-column { border: 1px solid #b9b5ad; border-right: 0; background: #fbfaf7; }.comparison-column:last-child { border-right: 1px solid #b9b5ad; }.comparison-column header, .comparison-cell { min-height: 48px; padding: 13px 15px; border-bottom: 1px solid #d1cec7; display: flex; align-items: center; }.comparison-column header { min-height: 86px; align-items: flex-start; flex-direction: column; gap: 5px; background: #1c1c1b; color: #fff; }.comparison-column header small { color: rgba(255,255,255,.58); font: 8px/1 "DM Mono", monospace; letter-spacing: .08em; }.comparison-column header strong { font-size: 21px; letter-spacing: -.05em; }.comparison-column:last-child .comparison-cell { border-bottom: 0; }.comparison-cell { color: #4d4c46; font-size: 11px; line-height: 1.4; }.comparison-cell.palette { gap: 6px; }.comparison-cell.palette i { width: 17px; height: 17px; border: 1px solid rgba(0,0,0,.16); border-radius: 50%; }.comparison-cell b { font-size: 11px; }

.theme-assurance { max-width: 1440px; margin: 0 auto; padding: 112px clamp(28px, 6.6vw, 112px) 95px; display: grid; grid-template-columns: minmax(0, .96fr) minmax(370px, .8fr); gap: 100px; }.theme-assurance h2 { font-size: clamp(37px, 4.1vw, 63px); }.assurance-list { border-top: 1px solid var(--catalog-line); }.assurance-list p { display: grid; grid-template-columns: 42px 1fr; gap: 13px; margin: 0; padding: 23px 0; border-bottom: 1px solid var(--catalog-line); }.assurance-list b { color: #85837c; font: 10px/1 "DM Mono", monospace; }.assurance-list span { color: #6e6c65; font-size: 12px; line-height: 1.6; }.assurance-list strong { display: block; margin-bottom: 3px; color: #222; font-size: 12px; }.theme-member-prompt { margin-top: 0; }

.theme-detail-dialog { width: min(760px, calc(100% - 30px)); max-height: min(735px, calc(100% - 30px)); padding: 0; border: 0; background: #f8f7f3; color: #171717; box-shadow: 0 28px 80px rgba(0,0,0,.27); }.theme-detail-dialog::backdrop { background: rgba(19,19,17,.55); backdrop-filter: blur(3px); }.dialog-close { position: absolute; z-index: 2; right: 16px; top: 14px; width: 35px; height: 35px; border: 1px solid rgba(255,255,255,.38); border-radius: 50%; color: #fff; background: rgba(0,0,0,.11); cursor: pointer; font: 26px/1 Georgia, serif; }.dialog-theme-head { min-height: 260px; padding: 42px 42px 36px; background: #1d1d1b; color: #fff; }.dialog-theme-head p { margin: 0 0 28px; color: rgba(255,255,255,.59); font: 10px/1 "DM Mono", monospace; letter-spacing: .1em; }.dialog-theme-head h2 { margin: 0; font-size: clamp(43px, 7vw, 70px); line-height: .9; letter-spacing: -.075em; }.dialog-theme-head .dialog-tag { display: inline-block; margin-top: 25px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.43); border-radius: 999px; font: 10px/1 Manrope, sans-serif; }.dialog-theme-content { display: grid; grid-template-columns: 1fr 1fr; gap: 0 34px; padding: 34px 42px 42px; }.dialog-theme-content > p { grid-column: 1 / -1; margin: 0 0 26px; color: #5d5c56; font-size: 13px; line-height: 1.65; }.dialog-section { border-top: 1px solid #d2d0c9; padding-top: 15px; }.dialog-section h3 { margin: 0 0 14px; font: 700 10px/1 Manrope, sans-serif; text-transform: uppercase; letter-spacing: .06em; }.dialog-section ul { margin: 0; padding: 0; list-style: none; }.dialog-section li { display: flex; justify-content: space-between; gap: 15px; padding: 7px 0; border-bottom: 1px solid #eceae5; color: #62615b; font-size: 11px; }.dialog-section li b { color: #242424; font-weight: 600; }.dialog-palette { display: flex; gap: 8px; margin: 6px 0 15px; }.dialog-palette i { width: 28px; height: 28px; border: 1px solid rgba(0,0,0,.18); border-radius: 50%; }.dialog-demo-link { display: inline-flex; align-items: center; gap: 8px; grid-column: 1 / -1; margin-top: 30px; width: fit-content; padding: 13px 16px; background: #1d1d1b; color: #fff; text-decoration: none; font: 700 11px/1 Manrope, sans-serif; }.dialog-demo-link:hover { background: #363632; }

@media (max-width: 920px) { .theme-studio-hero { grid-template-columns: 1fr; }.theme-studio-copy { min-height: 545px; }.theme-selector-stage { min-height: 540px; }.stage-browser { margin-right: auto; margin-left: 13%; }.theme-choice-notes { grid-template-columns: 1fr; }.theme-choice-notes p { min-height: auto; border-right: 0; border-bottom: 1px solid var(--catalog-line); }.theme-choice-notes p:last-child { border-bottom: 0; }.theme-assurance { grid-template-columns: 1fr; gap: 28px; }.catalog-heading, .compare-heading { grid-template-columns: 1fr; gap: 6px; }.catalog-heading > p, .compare-heading > p { margin-bottom: 0; }.catalog-grid { gap: 14px; } }
@media (max-width: 610px) { .theme-studio-copy { min-height: 515px; padding-top: 74px; }.theme-studio-copy h1 { font-size: 47px; }.theme-hero-actions { align-items: flex-start; flex-direction: column; gap: 19px; margin-top: 29px; }.theme-trust-line { padding-top: 49px; flex-wrap: wrap; gap: 6px; }.theme-trust-line i { display: none; }.theme-selector-stage { min-height: 450px; padding-top: 40px; }.stage-label { margin-bottom: 20px; }.stage-browser { width: calc(100% - 30px); margin: 0 auto; }.stage-browser-content { padding: 20px; }.stage-browser-content h2 { margin-top: 16px; font-size: 29px; }.stage-browser-content p { left: 20px; bottom: 18px; }.stage-browser-products { right: 16px; bottom: 16px; }.stage-phone { left: 25px; bottom: 38px; width: 88px; }.stage-controls { right: 27px; bottom: 35px; }.theme-catalog, .theme-compare-section, .theme-assurance { padding-top: 73px; padding-bottom: 72px; }.catalog-grid { grid-template-columns: 1fr; }.catalog-visual, .catalog-window { min-height: 265px; height: 265px; }.catalog-window h3 { font-size: 41px; }.theme-filter-bar { margin-top: 39px; }.theme-filter-bar button { padding: 8px 11px; }.compare-heading h2, .catalog-heading h2, .theme-assurance h2 { font-size: 42px; }.dialog-theme-head { min-height: 210px; padding: 35px 25px 27px; }.dialog-theme-content { grid-template-columns: 1fr; gap: 26px; padding: 27px 25px 33px; }.dialog-theme-head h2 { font-size: 49px; }.dialog-close { right: 10px; top: 10px; }.theme-comparison > * { min-width: 600px; }.comparison-labels, .comparison-columns { grid-template-columns: 130px repeat(2, minmax(200px, 1fr)); } }

.comparison-labels span:first-child { min-height: 86px; }

/* Karşılaştırma, sabit özellik sütununu iki tema sütunundan ayırır. */
.theme-comparison { display: grid; grid-template-columns: 160px minmax(440px, 1fr); overflow-x: auto; }
.theme-comparison > * { min-width: 0; }
.comparison-labels { display: flex; flex-direction: column; border: 1px solid #b9b5ad; border-right: 0; border-bottom: 1px solid #b9b5ad; }
.comparison-labels span { flex: 0 0 48px; min-height: 48px; border-right: 0; border-bottom: 1px solid #d1cec7; }
.comparison-labels span:first-child { flex-basis: 86px; min-height: 86px; }
.comparison-labels span:last-child { border-bottom: 0; }
.comparison-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.comparison-column .comparison-cell:last-child { border-bottom: 0; }

@media (max-width: 610px) {
  .theme-comparison { grid-template-columns: 130px minmax(400px, 1fr); }
}