/* FB yama katmani - motorun asil CSS'inden SONRA yuklenir.
Uretici: fb-tasarim/ic-motor-yama-katmani.py
Dosya adi icerikten turetilmistir; icerik degisirse ad da degisir, boylece
'immutable' onbellek eski surumu sunamaz. Asil CSS'e dokunulmaz. */
/* --- kontrast-duzeltme.css --- */
/* Motor kontrast duzeltme katmani - OLCUME dayali uretildi.
Uretici: fb-tasarim/ic-motor-kontrast.py (compel2022.org olcumu, 29.08.2026)
Kok neden: tema x duzen uyumsuzlugu - duzen folda kendi zeminini basiyor,
tema tokenleri ise temanin kendi kagidina gore hesaplanmis. theme-forest'in
yesil --accent'i layout'un zemininde 4.5'in altina dusuyordu.
Her kural .theme-forest ile kapsanir; baska tema etkilenmez.
NOT (30.08.2026): bu dosyanin sunucuya yazilan onceki surumunde yorum blogu
BOZUKTU - ilk satir '*/' ile kapaniyor, kalan yorum metni CSS govdesinde
ciplak kaliyordu. CSS ayristiricisi boyle bir noktadan sonra kendini
toparlayana kadar token yutar, yani ilk kural da kaybolmus olabilir.
Bu surum tek ve kapali bir yorum blogu kullanir. */
.theme-forest > header > div > a > span:not([class]) {
color: #a1520f !important;
}
.theme-forest > main > div > div > div > section > div > a:not([class]) {
color: #a1520f !important;
}
.theme-forest p.section-kicker {
color: #a1520f !important;
}
/* --- yapiskan-cta.css --- */
/* Yapiskan CTA cubugu - duzen onarimi.
Olculdu 30.08.2026, ag genelinde, masaustu VE mobil:
aside.sticky-serp-cta display:block, genislik 1440/375, ic bosluk 0
icindeki display:inline-flex -> icerige buzulur (80-105px),
left:0 -> sol alt koseye yapisir
Sonuc: ziyaretciyi /firmalar'a gonderen BIRINCIL DONUSUM ogesi her sayfada
kosede kucuk bir kutuk gorunuyordu. Mobilde 105px'lik bir dugme.
Kok neden: `.sticky-serp-cta a` kuralinda justify-content/align-items var
ama bunlar KAPSAYICI ozelligi; kapsayici (aside) hala display:block. Yani
ortalama niyeti yazilmis, ortalayacak yer flex yapilmamis.
Onarim yalniz duzen: renkleri ellemiyoruz. Tema/duzen override'lari
(.layout-gift ... ) renk veriyor, onlar bozulmadan calismaya devam eder. */
.sticky-serp-cta {
display: flex;
justify-content: center;
padding: 0 16px 14px;
/* pointer-events:none asil kuralda; padding alani tiklanabilir olmasin diye
oldugu gibi birakiliyor - yalnizca tiklanir. */
}
.sticky-serp-cta > a {
width: min(520px, 100%);
padding: 0 22px;
border-radius: 10px;
box-shadow: 0 6px 22px rgba(0, 0, 0, .3);
}
/* Dar ekranda tam genislige yayilir; parmak hedefi 44px'in altina inmez. */
@media (max-width: 560px) {
.sticky-serp-cta {
padding: 0 12px 10px;
}
.sticky-serp-cta > a {
width: 100%;
}
}
/* --- bonus-baslik.css --- */
/* Firma kartindaki GERCEK bonus basligi.
Kartlarda ziyaretciyi cezbedecek tek satir buydu ve yoktu - yalniz sayim
vardi ("28 baslik"). Sayim bilgi verir, teklif tiklatir.
Renk TANIMLAMIYORUZ: 84 tema kendi paletini kuruyor, buraya sabit renk
yazmak bazi temalarda kontrasti bozar (olculdu: renk atayan tasarim
denemesinde dusuk kontrast 10'dan 130'a cikmisti). Bunun yerine temanin
kendi metin rengini miras aliyoruz ve vurguyu BICIMLE veriyoruz: agirlik,
olcek, ust cizgi. Boylece her temada okunur kalir.
currentColor kullanimi bilincli - ogenin kendi rengi neyse cizgi de o. */
.scored-card__teklif {
margin: 10px 0 12px;
font-size: clamp(1rem, 1.6vw, 1.18rem);
font-weight: 750;
line-height: 1.3;
letter-spacing: -.01em;
padding-top: 10px;
border-top: 2px solid currentColor;
/* cizgi metinden daha soluk dursun ki baslik one ciksin */
border-top-color: color-mix(in srgb, currentColor 28%, transparent);
}
/* Ilk-fold teklif kartinda baslik zaten one cikan oge - biraz daha buyuk. */
.first-fold-offer .scored-card__teklif {
font-size: clamp(1.05rem, 1.9vw, 1.35rem);
}
@media (max-width: 720px) {
.scored-card__teklif {
font-size: 1rem;
margin: 8px 0 10px;
}
}
/* --- tasarim-afis.css --- */
.site.design-afis h1,
.site.design-afis .site h1 {
font-family: 'Arial Black', Impact, sans-serif;
font-size: clamp(3.2rem, 9.5vw, 6.8rem);
font-weight: 900;
line-height: 0.85;
letter-spacing: -0.05em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 1.5rem;
}
.site.design-afis h2 {
font-family: 'Arial Black', Impact, sans-serif;
font-size: clamp(2rem, 6.5vw, 3.8rem);
font-weight: 900;
line-height: 0.9;
letter-spacing: -0.04em;
text-transform: uppercase;
margin-bottom: 1.2rem;
}
.site.design-afis h3 {
font-family: 'Arial Black', Impact, sans-serif;
font-size: clamp(1.4rem, 4vw, 2.2rem);
font-weight: 900;
line-height: 0.95;
letter-spacing: -0.03em;
text-transform: uppercase;
}
.site.design-afis main,
.site.design-afis article {
line-height: 1.35;
letter-spacing: -0.01em;
}
.site.design-afis .scored-card,
.site.design-afis .first-fold-offer {
border-radius: 0px;
border-width: 6px;
border-style: solid;
box-shadow: 16px 16px 0 currentColor;
padding: 2.5rem;
margin-bottom: 2.5rem;
}
.site.design-afis .commerce-cta,
.site.design-afis .first-fold-offer__cta,
.site.design-afis .scored-card__go,
.site.design-afis .context-affiliate__cta,
.site.design-afis .primary-cta,
.site.design-afis .secondary-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 16px 32px;
font-family: 'Arial Black', Impact, sans-serif;
font-size: 1.25rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: -0.03em;
border-radius: 0px;
border-width: 4px;
border-style: solid;
box-shadow: 6px 6px 0 currentColor;
text-decoration: none;
}
.site.design-afis .site-nav a,
.site.design-afis .bonus-row > a {
min-height: 44px;
display: inline-flex;
align-items: center;
padding: 10px 15px;
text-transform: uppercase;
font-weight: 900;
letter-spacing: -0.02em;
}
.site.design-afis .quick-firm-strip,
.site.design-afis .gift-firm-strip,
.site.design-afis .bonus-card-grid,
.site.design-afis .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 2rem;
width: 100%;
max-width: 100%;
}
.site.design-afis .quick-firm-strip > *,
.site.design-afis .gift-firm-strip > *,
.site.design-afis .bonus-card-grid > *,
.site.design-afis .game-top-offers__list > * {
flex: 1 1 280px;
min-width: 0;
max-width: 100%;
}
.site.design-afis .section {
padding-top: 5rem;
padding-bottom: 5rem;
margin-bottom: 4rem;
}
.site.design-afis .section-head {
margin-bottom: 3.5rem;
}
.site.design-afis table {
border-collapse: collapse;
width: 100%;
margin: 2rem 0;
border-width: 6px;
border-style: solid;
}
.site.design-afis th,
.site.design-afis td {
padding: 1.25rem;
font-weight: 900;
border-width: 3px;
border-style: solid;
}
.site.design-afis .eyebrow,
.site.design-afis .section-kicker {
font-family: 'Arial Black', Impact, sans-serif;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 1rem;
display: block;
}
@media (max-width: 720px) {
.site.design-afis h1,
.site.design-afis .site h1 {
font-size: clamp(2.2rem, 12vw, 3.8rem);
letter-spacing: -0.04em;
}
.site.design-afis h2 {
font-size: clamp(1.8rem, 8vw, 2.5rem);
}
.site.design-afis .scored-card,
.site.design-afis .first-fold-offer {
padding: 1.5rem;
box-shadow: 8px 8px 0 currentColor;
border-width: 4px;
}
.site.design-afis .commerce-cta,
.site.design-afis .first-fold-offer__cta,
.site.design-afis .scored-card__go,
.site.design-afis .context-affiliate__cta {
width: 100%;
box-shadow: 4px 4px 0 currentColor;
}
}
/* --- tasarim-akis.css --- */
.site.design-akis h1,
.site.design-akis .site h1 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: clamp(2.25rem, 6vw, 3.5rem);
line-height: 1.25;
font-weight: 800;
letter-spacing: -0.02em;
margin-bottom: 3rem;
}
.site.design-akis h2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: clamp(1.75rem, 4vw, 2.25rem);
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.01em;
margin-top: 6rem;
margin-bottom: 2rem;
}
.site.design-akis h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: clamp(1.25rem, 3vw, 1.5rem);
line-height: 1.4;
font-weight: 600;
margin-bottom: 1.5rem;
}
.site.design-akis h2::before,
.site.design-akis .section-head::before {
content: "";
display: block;
width: 40px;
height: 0;
border-top-width: 3px;
border-top-style: solid;
margin-bottom: 2rem;
}
.site.design-akis .section {
padding-block: 8rem;
}
.site.design-akis .home-first-fold {
padding-block: 10rem 6rem;
}
.site.design-akis .scored-card,
.site.design-akis .commerce-profile,
.site.design-akis .game-detail__block {
border-radius: 24px;
border-width: 1px;
border-style: solid;
padding: 3rem;
box-shadow: 0 20px 40px -15px currentColor;
}
.site.design-akis .commerce-cta,
.site.design-akis .first-fold-offer__cta,
.site.design-akis .scored-card__go,
.site.design-akis .context-affiliate__cta,
.site.design-akis .sticky-serp-cta,
.site.design-akis .game-top-offers__cta {
min-height: 48px;
padding: 12px 32px;
border-radius: 9999px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.875rem;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border-width: 1.5px;
border-style: solid;
}
.site.design-akis .site-nav a,
.site.design-akis .text-cta {
min-height: 44px;
padding-block: 10px;
padding-inline: 16px;
display: inline-flex;
align-items: center;
text-decoration: none;
}
.site.design-akis .quick-firm-strip,
.site.design-akis .gift-firm-strip,
.site.design-akis .bonus-card-grid,
.site.design-akis .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 2.5rem;
min-width: 0;
}
.site.design-akis .quick-firm-strip > *,
.site.design-akis .gift-firm-strip > *,
.site.design-akis .bonus-card-grid > *,
.site.design-akis .game-top-offers__list > * {
flex: 1 1 290px;
min-width: 0;
max-width: 100%;
}
.site.design-akis table {
width: 100%;
border-collapse: collapse;
margin-block: 4rem;
}
.site.design-akis th,
.site.design-akis td {
padding: 1.5rem;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-akis .commerce-logo,
.site.design-akis .commerce-logo--compact {
aspect-ratio: 16 / 10;
object-fit: contain;
border-radius: 16px;
padding: 1.5rem;
border-width: 1px;
border-style: solid;
}
.site.design-akis .section-kicker,
.site.design-akis .eyebrow {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: 600;
margin-bottom: 1.25rem;
}
@media (max-width: 720px) {
.site.design-akis .section {
padding-block: 4rem;
}
.site.design-akis .home-first-fold {
padding-block: 5rem 3rem;
}
.site.design-akis h2 {
margin-top: 4rem;
}
.site.design-akis .scored-card,
.site.design-akis .commerce-profile,
.site.design-akis .game-detail__block {
padding: 1.75rem;
border-radius: 16px;
}
}
/* --- tasarim-blok.css --- */
.site.design-blok h1,
.site.design-blok .site h1 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: clamp(2.25rem, 6vw, 3.75rem);
font-weight: 900;
line-height: 1.1;
letter-spacing: -0.04em;
text-transform: uppercase;
margin-bottom: 2rem;
}
.site.design-blok h2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: clamp(1.75rem, 4.5vw, 2.5rem);
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.02em;
margin-bottom: 1.5rem;
}
.site.design-blok h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: clamp(1.25rem, 3.5vw, 1.75rem);
font-weight: 800;
line-height: 1.25;
letter-spacing: -0.01em;
margin-bottom: 1rem;
}
.site.design-blok .section {
padding-block: 4rem;
}
.site.design-blok .section-head {
margin-bottom: 3rem;
}
.site.design-blok .scored-card,
.site.design-blok .first-fold-offer,
.site.design-blok .commerce-profile,
.site.design-blok .game-detail__block,
.site.design-blok .home-first-fold {
width: 100%;
display: block;
padding: 2.5rem;
border-width: 5px;
border-style: solid;
border-radius: 0;
box-shadow: none;
margin-bottom: 3rem;
box-sizing: border-box;
}
.site.design-blok .quick-firm-strip,
.site.design-blok .gift-firm-strip,
.site.design-blok .bonus-card-grid,
.site.design-blok .game-top-offers__list {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 2.5rem;
width: 100%;
min-width: 0;
}
.site.design-blok .quick-firm-strip > *,
.site.design-blok .gift-firm-strip > *,
.site.design-blok .bonus-card-grid > *,
.site.design-blok .game-top-offers__list > * {
width: 100%;
min-width: 0;
flex: 1 1 100%;
box-sizing: border-box;
}
.site.design-blok .commerce-cta,
.site.design-blok .first-fold-offer__cta,
.site.design-blok .scored-card__go,
.site.design-blok .context-affiliate__cta,
.site.design-blok .game-top-offers__cta,
.site.design-blok .text-cta,
.site.design-blok .home-firm-go,
.site.design-blok .sticky-serp-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 16px 32px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.08em;
border-width: 4px;
border-style: solid;
border-radius: 0;
box-sizing: border-box;
text-decoration: none;
}
.site.design-blok .site-header {
border-bottom-width: 5px;
border-bottom-style: solid;
padding-block: 2rem;
}
.site.design-blok .site-nav {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
}
.site.design-blok .site-nav-shell {
padding-block: 1rem;
}
.site.design-blok table {
width: 100%;
border-collapse: collapse;
border-width: 5px;
border-style: solid;
}
.site.design-blok th,
.site.design-blok td {
padding: 1.5rem;
border-width: 3px;
border-style: solid;
text-align: left;
}
@media (max-width: 720px) {
.site.design-blok h1,
.site.design-blok .site h1 {
font-size: 2rem;
}
.site.design-blok .scored-card,
.site.design-blok .first-fold-offer,
.site.design-blok .commerce-profile {
padding: 1.5rem;
margin-bottom: 2rem;
border-width: 4px;
}
.site.design-blok .commerce-cta,
.site.design-blok .first-fold-offer__cta,
.site.design-blok .scored-card__go {
width: 100%;
text-align: center;
}
}
/* --- tasarim-cerceve.css --- */
.site.design-cerceve h1,
.site.design-cerceve .site h1 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: clamp(2.25rem, 6vw, 3.75rem);
font-weight: 900;
line-height: 1.1;
letter-spacing: -0.03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 1.5rem;
}
.site.design-cerceve h2 {
font-family: system-ui, -apple-system, sans-serif;
font-size: clamp(1.6rem, 4vw, 2.25rem);
font-weight: 800;
letter-spacing: -0.01em;
text-transform: uppercase;
border-bottom-width: 3px;
border-bottom-style: solid;
padding-bottom: 0.5rem;
margin-top: 2rem;
margin-bottom: 1.25rem;
}
.site.design-cerceve h3 {
font-family: system-ui, -apple-system, sans-serif;
font-size: clamp(1.25rem, 3vw, 1.6rem);
font-weight: 800;
text-transform: uppercase;
letter-spacing: -0.01em;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.site.design-cerceve .section-kicker,
.site.design-cerceve .eyebrow,
.site.design-cerceve .site-nav-hint {
font-family: monospace;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.15em;
display: block;
margin-bottom: 0.75rem;
}
.site.design-cerceve .scored-card,
.site.design-cerceve .first-fold-offer,
.site.design-cerceve .game-detail__block,
.site.design-cerceve .commerce-profile {
border-width: 3px;
border-style: solid;
border-radius: 0px;
box-shadow: none;
padding: 2rem;
margin-bottom: 2rem;
}
.site.design-cerceve .primary-cta,
.site.design-cerceve .secondary-cta,
.site.design-cerceve .text-cta,
.site.design-cerceve .commerce-cta,
.site.design-cerceve .first-fold-offer__cta,
.site.design-cerceve .scored-card__go,
.site.design-cerceve .context-affiliate__cta {
min-height: 48px;
padding: 0.75rem 1.75rem;
font-family: system-ui, -apple-system, sans-serif;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.08em;
text-decoration: none;
border-width: 3px;
border-style: solid;
border-radius: 0px;
box-shadow: none;
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform 0.1s ease;
}
.site.design-cerceve .site-nav a {
min-height: 44px;
padding: 0.5rem 1.25rem;
display: inline-flex;
align-items: center;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none;
border-width: 2px;
border-style: solid;
border-radius: 0px;
}
.site.design-cerceve .quick-firm-strip,
.site.design-cerceve .gift-firm-strip,
.site.design-cerceve .bonus-card-grid,
.site.design-cerceve .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
min-width: 0;
width: 100%;
}
.site.design-cerceve .quick-firm-strip > *,
.site.design-cerceve .gift-firm-strip > *,
.site.design-cerceve .bonus-card-grid > *,
.site.design-cerceve .game-top-offers__list > * {
flex: 1 1 calc(33.333% - 1.5rem);
min-width: 0;
max-width: 100%;
}
.site.design-cerceve table {
width: 100%;
border-collapse: collapse;
border-width: 3px;
border-style: solid;
margin-bottom: 2.5rem;
}
.site.design-cerceve th,
.site.design-cerceve td {
border-width: 2px;
border-style: solid;
padding: 1rem;
text-align: left;
font-weight: 600;
}
.site.design-cerceve th {
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.site.design-cerceve .commerce-logo,
.site.design-cerceve .commerce-logo--compact {
border-width: 2px;
border-style: solid;
border-radius: 0px;
padding: 0.5rem;
aspect-ratio: 16 / 9;
object-fit: contain;
}
.site.design-cerceve .site-footer {
border-top-width: 4px;
border-top-style: solid;
padding-top: 4rem;
margin-top: 5rem;
}
@media (max-width: 720px) {
.site.design-cerceve h1,
.site.design-cerceve .site h1 {
font-size: clamp(1.75rem, 8vw, 2.25rem);
}
.site.design-cerceve .quick-firm-strip > *,
.site.design-cerceve .gift-firm-strip > *,
.site.design-cerceve .bonus-card-grid > *,
.site.design-cerceve .game-top-offers__list > * {
flex: 1 1 100%;
}
.site.design-cerceve .scored-card,
.site.design-cerceve .first-fold-offer,
.site.design-cerceve .game-detail__block,
.site.design-cerceve .commerce-profile {
padding: 1.25rem;
border-width: 2px;
}
}
/* --- tasarim-cerceveli.css --- */
.site.design-cerceveli h1,
.site.design-cerceveli .site h1 {
font-family: "Courier New", Courier, monospace;
font-weight: 900;
font-size: clamp(2rem, 5.5vw, 3.75rem);
line-height: 1.05;
letter-spacing: -0.04em;
text-transform: uppercase;
margin-bottom: 1.5rem;
}
.site.design-cerceveli h2 {
font-family: "Courier New", Courier, monospace;
font-weight: 900;
font-size: clamp(1.5rem, 4vw, 2.25rem);
line-height: 1.15;
letter-spacing: -0.02em;
text-transform: uppercase;
margin-bottom: 1.25rem;
}
.site.design-cerceveli h3 {
font-family: "Courier New", Courier, monospace;
font-weight: 900;
font-size: clamp(1.2rem, 3vw, 1.6rem);
line-height: 1.25;
text-transform: uppercase;
margin-bottom: 1rem;
}
.site.design-cerceveli .section {
padding: 5rem 0;
margin-bottom: 0;
}
.site.design-cerceveli .section-head {
margin-bottom: 4rem;
text-align: center;
}
.site.design-cerceveli .scored-card,
.site.design-cerceveli .first-fold-offer,
.site.design-cerceveli .game-detail__block,
.site.design-cerceveli .commerce-profile {
border-style: solid;
border-width: 6px;
outline-style: solid;
outline-width: 1px;
outline-offset: -5px;
border-radius: 0;
padding: 2.5rem;
box-shadow: 10px 10px 0 currentColor;
margin-bottom: 2rem;
}
.site.design-cerceveli .commerce-cta,
.site.design-cerceveli .context-affiliate__cta,
.site.design-cerceveli .game-top-offers__cta {
min-height: 48px;
padding: 14px 28px;
font-family: "Courier New", Courier, monospace;
font-weight: 900;
font-size: 1rem;
letter-spacing: 0.1em;
text-transform: uppercase;
border-style: solid;
border-width: 4px;
outline-style: solid;
outline-width: 1px;
outline-offset: -4px;
border-radius: 0;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-shadow: 4px 4px 0 currentColor;
}
.site.design-cerceveli .quick-firm-strip,
.site.design-cerceveli .gift-firm-strip,
.site.design-cerceveli .bonus-card-grid,
.site.design-cerceveli .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 2rem;
min-width: 0;
padding: 0;
}
.site.design-cerceveli .quick-firm-strip > *,
.site.design-cerceveli .gift-firm-strip > *,
.site.design-cerceveli .bonus-card-grid > *,
.site.design-cerceveli .game-top-offers__list > * {
flex: 1 1 290px;
min-width: 0;
max-width: 100%;
}
.site.design-cerceveli .commerce-logo,
.site.design-cerceveli .commerce-logo--compact {
aspect-ratio: 4 / 3;
object-fit: contain;
border-style: solid;
border-width: 3px;
outline-style: solid;
outline-width: 1px;
outline-offset: -3px;
border-radius: 0;
padding: 10px;
}
.site.design-cerceveli .site-header {
border-bottom-style: solid;
border-bottom-width: 8px;
outline-style: solid;
outline-width: 1px;
outline-offset: -6px;
padding: 1.5rem 0;
}
.site.design-cerceveli .site-footer {
border-top-style: solid;
border-top-width: 8px;
outline-style: solid;
outline-width: 1px;
outline-offset: 2px;
padding: 4rem 0;
margin-top: 6rem;
}
.site.design-cerceveli .site-nav a {
padding: 12px 20px;
min-height: 44px;
display: inline-flex;
align-items: center;
font-family: "Courier New", Courier, monospace;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none;
}
.site.design-cerceveli table {
width: 100%;
border-collapse: collapse;
border-style: solid;
border-width: 5px;
outline-style: solid;
outline-width: 1px;
outline-offset: -4px;
}
.site.design-cerceveli th,
.site.design-cerceveli td {
padding: 1rem;
border-style: solid;
border-width: 1px;
text-align: left;
}
.site.design-cerceveli .bonus-freshness {
font-family: "Courier New", Courier, monospace;
font-weight: 700;
text-transform: uppercase;
border-style: solid;
border-width: 2px;
padding: 4px 12px;
border-radius: 0;
display: inline-block;
}
@media (max-width: 720px) {
.site.design-cerceveli h1,
.site.design-cerceveli .site h1 {
font-size: 1.8rem;
letter-spacing: -0.02em;
}
.site.design-cerceveli .scored-card,
.site.design-cerceveli .first-fold-offer,
.site.design-cerceveli .game-detail__block,
.site.design-cerceveli .commerce-profile {
padding: 1.5rem;
border-width: 4px;
outline-offset: -3px;
box-shadow: 6px 6px 0 currentColor;
}
.site.design-cerceveli .section {
padding: 3rem 0;
}
}
/* --- tasarim-cetvel.css --- */
.site.design-cetvel h1,
.site.design-cetvel .site h1 {
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: clamp(1.85rem, 5vw, 3rem);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.15;
text-transform: uppercase;
margin-bottom: 1.5rem;
}
.site.design-cetvel h2 {
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: clamp(1.35rem, 3.5vw, 2rem);
font-weight: 600;
letter-spacing: -0.01em;
margin-bottom: 1.25rem;
}
.site.design-cetvel h3 {
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: clamp(1.1rem, 2.5vw, 1.45rem);
font-weight: 600;
margin-bottom: 1rem;
}
.site.design-cetvel section,
.site.design-cetvel .section {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
position: relative;
}
.site.design-cetvel section::before,
.site.design-cetvel .section::before {
content: "|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|--|";
display: block;
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 9px;
height: 12px;
overflow: hidden;
white-space: nowrap;
letter-spacing: 2px;
margin-bottom: 1.5rem;
opacity: 0.5;
}
.site.design-cetvel .section-kicker,
.site.design-cetvel .eyebrow {
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.12em;
display: inline-flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 1rem;
}
.site.design-cetvel .section-kicker::before,
.site.design-cetvel .eyebrow::before {
content: "[â—‹]";
}
.site.design-cetvel .primary-cta,
.site.design-cetvel .secondary-cta,
.site.design-cetvel .site-nav a,
.site.design-cetvel .bonus-row > a,
.site.design-cetvel .first-fold-offer__cta,
.site.design-cetvel .scored-card__go,
.site.design-cetvel .context-affiliate__cta,
.site.design-cetvel .commerce-cta {
min-height: 46px;
padding: 12px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-weight: 700;
letter-spacing: 0.08em;
font-size: 0.8rem;
border-width: 1px;
border-style: solid;
border-radius: 0px;
box-shadow: none;
text-decoration: none;
}
.site.design-cetvel .scored-card,
.site.design-cetvel .commerce-profile,
.site.design-cetvel .game-detail__block {
border-width: 1px;
border-style: solid;
border-radius: 0px;
padding: 1.5rem;
position: relative;
box-shadow: none;
}
.site.design-cetvel .scored-card::before {
content: "SYS_REF: " attr(class) " // CAL_01";
display: block;
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 8px;
letter-spacing: 1px;
margin-bottom: 1rem;
opacity: 0.6;
}
.site.design-cetvel .scored-card__rank,
.site.design-cetvel .scored-card__score {
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 1.35rem;
font-weight: 700;
border-bottom-width: 1px;
border-bottom-style: dashed;
padding-bottom: 4px;
}
.site.design-cetvel .commerce-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.site.design-cetvel .commerce-tags * {
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 10px;
padding: 3px 6px;
border-width: 1px;
border-style: dotted;
border-radius: 0px;
}
.site.design-cetvel .bonus-freshness {
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 10px;
text-transform: uppercase;
padding: 4px 8px;
border-width: 1px;
border-style: solid;
border-radius: 0px;
}
.site.design-cetvel .quick-firm-strip,
.site.design-cetvel .gift-firm-strip,
.site.design-cetvel .bonus-card-grid,
.site.design-cetvel .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
min-width: 0;
}
.site.design-cetvel .quick-firm-strip > *,
.site.design-cetvel .gift-firm-strip > *,
.site.design-cetvel .bonus-card-grid > *,
.site.design-cetvel .game-top-offers__list > * {
flex: 1 1 260px;
min-width: 0;
max-width: 100%;
}
.site.design-cetvel table {
width: 100%;
border-collapse: collapse;
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-size: 0.85rem;
}
.site.design-cetvel th,
.site.design-cetvel td {
border-width: 1px;
border-style: solid;
padding: 12px;
text-align: left;
}
.site.design-cetvel th {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.site.design-cetvel .site-header {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-cetvel .brand {
font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
font-weight: 800;
letter-spacing: -0.04em;
text-transform: uppercase;
}
@media (max-width: 720px) {
.site.design-cetvel h1,
.site.design-cetvel .site h1 {
font-size: clamp(1.5rem, 6vw, 2.25rem);
}
.site.design-cetvel section,
.site.design-cetvel .section {
padding-top: 2rem;
padding-bottom: 2rem;
}
.site.design-cetvel .gift-firm-strip > *,
.site.design-cetvel .quick-firm-strip > * {
flex: 1 1 100%;
}
}
/* --- tasarim-defter.css --- */
.site.design-defter h1,
.site.design-defter .site h1 {
font-size: clamp(2rem, 5.5vw, 3.25rem);
font-family: "Courier New", Courier, monospace;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.03em;
margin-bottom: 1.5rem;
}
.site.design-defter h2 {
font-size: clamp(1.5rem, 4.5vw, 2.25rem);
font-family: "Courier New", Courier, monospace;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1.25rem;
}
.site.design-defter h3 {
font-size: clamp(1.2rem, 3.5vw, 1.65rem);
font-family: "Courier New", Courier, monospace;
font-weight: 600;
line-height: 1.25;
margin-bottom: 1rem;
}
.site.design-defter main,
.site.design-defter article,
.site.design-defter section,
.site.design-defter .section {
border-left-width: 2px;
border-left-style: solid;
padding-left: clamp(16px, 4vw, 32px);
margin-bottom: clamp(2rem, 6vw, 4rem);
}
.site.design-defter tr,
.site.design-defter .scored-card,
.site.design-defter .first-fold-offer,
.site.design-defter .game-detail__block,
.site.design-defter .commerce-profile,
.site.design-defter .related-guides__links a,
.site.design-defter .game-top-offers__list > *,
.site.design-defter .register-row {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-radius: 0;
box-shadow: none;
padding-top: 16px;
padding-bottom: 16px;
}
.site.design-defter .scored-card__rank,
.site.design-defter .commerce-profile__number {
font-family: "Courier New", Courier, monospace;
font-weight: 700;
font-size: clamp(1.25rem, 3vw, 2rem);
display: inline-flex;
align-items: center;
justify-content: flex-end;
width: 48px;
min-width: 48px;
margin-right: clamp(12px, 3vw, 24px);
padding-right: 12px;
border-right-width: 1px;
border-right-style: solid;
box-sizing: border-box;
}
.site.design-defter .scored-card__head,
.site.design-defter .commerce-profile {
display: flex;
align-items: center;
}
.site.design-defter .primary-cta,
.site.design-defter .secondary-cta,
.site.design-defter .text-cta,
.site.design-defter .first-fold-offer__cta,
.site.design-defter .scored-card__go,
.site.design-defter .context-affiliate__cta,
.site.design-defter .site-nav a,
.site.design-defter .home-firm-go,
.site.design-defter .commerce-cta {
min-height: 44px;
padding: 12px 24px;
font-family: "Courier New", Courier, monospace;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
border-width: 1px;
border-style: solid;
border-radius: 0;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-sizing: border-box;
box-shadow: none;
}
.site.design-defter table {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
}
.site.design-defter th,
.site.design-defter td {
padding: 12px 16px;
border-bottom-width: 1px;
border-bottom-style: dashed;
text-align: left;
}
.site.design-defter th {
font-family: "Courier New", Courier, monospace;
font-weight: 700;
text-transform: uppercase;
border-bottom-style: solid;
border-bottom-width: 2px;
}
.site.design-defter .quick-firm-strip,
.site.design-defter .gift-firm-strip,
.site.design-defter .bonus-card-grid,
.site.design-defter .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 16px;
min-width: 0;
width: 100%;
}
.site.design-defter .quick-firm-strip > *,
.site.design-defter .gift-firm-strip > *,
.site.design-defter .bonus-card-grid > *,
.site.design-defter .game-top-offers__list > * {
flex: 1 1 260px;
min-width: 0;
max-width: 100%;
}
.site.design-defter .bonus-freshness,
.site.design-defter .commerce-table__verified,
.site.design-defter .commerce-profile__verified {
font-family: "Courier New", Courier, monospace;
font-size: 0.8rem;
text-transform: uppercase;
padding: 4px 8px;
border-width: 1px;
border-style: solid;
border-radius: 0;
}
@media (max-width: 720px) {
.site.design-defter main,
.site.design-defter article,
.site.design-defter section,
.site.design-defter .section {
padding-left: 12px;
}
.site.design-defter .scored-card__rank,
.site.design-defter .commerce-profile__number {
width: 36px;
min-width: 36px;
margin-right: 8px;
padding-right: 6px;
font-size: 1.25rem;
}
.site.design-defter .quick-firm-strip > *,
.site.design-defter .gift-firm-strip > *,
.site.design-defter .bonus-card-grid > *,
.site.design-defter .game-top-offers__list > * {
flex: 1 1 100%;
}
}
/* --- tasarim-dergi.css --- */
.site.design-dergi h1,
.site.design-dergi .site h1 {
font-family: "Playfair Display", Baskerville, "Times New Roman", serif;
font-weight: 700;
font-size: clamp(2.25rem, 6.5vw, 3.75rem);
line-height: 1.15;
letter-spacing: -0.015em;
margin-top: 0;
margin-bottom: 1.5rem;
}
.site.design-dergi h2 {
font-family: "Playfair Display", Baskerville, "Times New Roman", serif;
font-weight: 600;
font-size: clamp(1.75rem, 4.5vw, 2.5rem);
line-height: 1.2;
margin-top: 0;
margin-bottom: 1.25rem;
}
.site.design-dergi h3 {
font-family: "Playfair Display", Baskerville, "Times New Roman", serif;
font-weight: 600;
font-size: clamp(1.35rem, 3vw, 1.75rem);
line-height: 1.25;
margin-top: 0;
margin-bottom: 1rem;
}
.site.design-dergi .eyebrow,
.site.design-dergi .section-kicker {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.18em;
font-weight: 700;
display: block;
margin-bottom: 0.85rem;
}
.site.design-dergi .fold-lede {
font-family: "Playfair Display", Baskerville, "Times New Roman", serif;
font-size: clamp(1.2rem, 2.5vw, 1.45rem);
line-height: 1.65;
font-style: italic;
margin-bottom: 2.5rem;
max-width: 70ch;
}
.site.design-dergi .section {
border-top-width: 1px;
border-top-style: solid;
padding-top: 3.5rem;
padding-bottom: 2rem;
padding-left: 4%;
padding-right: 0;
margin-bottom: 4rem;
}
.site.design-dergi .section-head {
margin-bottom: 3.5rem;
max-width: 85%;
}
.site.design-dergi .scored-card {
border-radius: 0;
border-width: 1px 0;
border-style: solid;
padding: 2.5rem 1rem 2rem 1rem;
box-shadow: none;
}
.site.design-dergi .commerce-cta,
.site.design-dergi .text-cta,
.site.design-dergi .first-fold-offer__cta,
.site.design-dergi .scored-card__go {
min-height: 48px;
padding: 0.8rem 2.2rem;
border-radius: 0;
border-width: 1px;
border-style: solid;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
text-transform: uppercase;
letter-spacing: 0.15em;
font-size: 0.78rem;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
}
.site.design-dergi .site-nav a {
min-height: 44px;
display: inline-flex;
align-items: center;
padding: 0.5rem 1rem;
}
.site.design-dergi .quick-firm-strip,
.site.design-dergi .gift-firm-strip,
.site.design-dergi .bonus-card-grid,
.site.design-dergi .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 2.5rem;
min-width: 0;
}
.site.design-dergi .quick-firm-strip > *,
.site.design-dergi .gift-firm-strip > *,
.site.design-dergi .bonus-card-grid > *,
.site.design-dergi .game-top-offers__list > * {
flex: 1 1 290px;
min-width: 0;
max-width: 100%;
}
.site.design-dergi table {
width: 100%;
border-collapse: collapse;
border-width: 1px 0 2px 0;
border-style: solid;
}
.site.design-dergi th,
.site.design-dergi td {
padding: 1.1rem 0.8rem;
text-align: left;
border-width: 0 0 1px 0;
border-style: solid;
}
.site.design-dergi th {
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 0.1em;
}
.site.design-dergi .site-footer {
border-top-width: 3px;
border-top-style: double;
padding-top: 3rem;
margin-top: 5rem;
}
.site.design-dergi .brand {
font-family: "Playfair Display", Baskerville, "Times New Roman", serif;
font-size: 1.80rem;
font-weight: 700;
letter-spacing: -0.03em;
}
.site.design-dergi .first-fold-offer {
border-width: 1px;
border-style: solid;
padding: 3rem;
border-radius: 0;
}
@media (max-width: 720px) {
.site.design-dergi .home-first-fold__inner {
grid-template-columns: 1fr;
gap: 2rem;
}
.site.design-dergi .section {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 2.5rem;
}
.site.design-dergi .section-head {
max-width: 100%;
}
}
/* --- tasarim-dokuma.css --- */
.site.design-dokuma {
line-height: 1.65;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
letter-spacing: 0.01em;
}
.site.design-dokuma h1,
.site.design-dokuma .site h1 {
font-family: system-ui, -apple-system, sans-serif;
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 800;
line-height: 1.3;
letter-spacing: -0.02em;
margin-bottom: 1.5rem;
}
.site.design-dokuma h2 {
font-size: clamp(1.5rem, 4vw, 2rem);
font-weight: 700;
line-height: 1.35;
letter-spacing: -0.01em;
margin-bottom: 1.25rem;
}
.site.design-dokuma h3 {
font-size: clamp(1.2rem, 3vw, 1.5rem);
font-weight: 600;
line-height: 1.4;
margin-bottom: 1rem;
}
.site.design-dokuma .scored-card,
.site.design-dokuma .first-fold-offer,
.site.design-dokuma .game-detail__block,
.site.design-dokuma .commerce-profile {
border-radius: 28px;
border-width: 3px;
border-style: solid;
padding: 36px;
box-shadow: inset 0 4px 12px currentColor, 0 12px 32px currentColor;
margin-bottom: 28px;
}
.site.design-dokuma .commerce-cta,
.site.design-dokuma .first-fold-offer__cta,
.site.design-dokuma .scored-card__go,
.site.design-dokuma .context-affiliate__cta,
.site.design-dokuma .home-firm-go {
border-radius: 100px;
padding: 14px 32px;
min-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
box-shadow: inset 0 -4px 0 currentColor;
}
.site.design-dokuma .text-cta,
.site.design-dokuma .site-nav a,
.site.design-dokuma .game-top-offers__cta {
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
border-radius: 16px;
border-width: 1px;
border-style: solid;
}
.site.design-dokuma .quick-firm-strip,
.site.design-dokuma .gift-firm-strip,
.site.design-dokuma .bonus-card-grid,
.site.design-dokuma .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 20px;
width: 100%;
max-width: 100%;
}
.site.design-dokuma .quick-firm-strip > *,
.site.design-dokuma .gift-firm-strip > *,
.site.design-dokuma .bonus-card-grid > *,
.site.design-dokuma .game-top-offers__list > * {
flex: 1 1 calc(25% - 20px);
min-width: 210px;
max-width: 100%;
}
.site.design-dokuma .commerce-logo,
.site.design-dokuma .commerce-logo--compact {
border-radius: 50%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-width: 3px;
border-style: solid;
padding: 6px;
}
.site.design-dokuma .data-table-wrap {
border-radius: 24px;
border-width: 3px;
border-style: solid;
overflow: hidden;
padding: 12px;
}
.site.design-dokuma table {
border-collapse: separate;
border-spacing: 0 8px;
width: 100%;
}
.site.design-dokuma tr {
border-radius: 16px;
}
.site.design-dokuma th,
.site.design-dokuma td {
padding: 18px;
border-bottom-width: 1px;
border-style: solid;
}
.site.design-dokuma .section {
padding: 90px 0;
}
.site.design-dokuma .section-head {
margin-bottom: 48px;
text-align: center;
}
.site.design-dokuma .bonus-freshness,
.site.design-dokuma .commerce-tags {
border-radius: 50px;
padding: 6px 16px;
font-size: 0.85rem;
border-width: 1.5px;
border-style: solid;
display: inline-flex;
align-items: center;
}
.site.design-dokuma .site-footer {
border-top-width: 6px;
border-style: double;
padding: 72px 0;
}
.site.design-dokuma .site-header {
border-bottom-width: 3px;
border-style: solid;
padding: 24px 0;
}
@media (max-width: 720px) {
.site.design-dokuma .section {
padding: 48px 0;
}
.site.design-dokuma h1,
.site.design-dokuma .site h1 {
font-size: clamp(1.8rem, 8vw, 2.3rem);
}
.site.design-dokuma .scored-card,
.site.design-dokuma .first-fold-offer {
padding: 24px;
border-radius: 20px;
}
.site.design-dokuma .quick-firm-strip > *,
.site.design-dokuma .gift-firm-strip > *,
.site.design-dokuma .bonus-card-grid > *,
.site.design-dokuma .game-top-offers__list > * {
flex: 1 1 100%;
}
}
/* --- tasarim-duz.css --- */
.site.design-duz h1,
.site.design-duz .site h1 {
font-family: Arial, sans-serif;
font-size: clamp(2rem, 5vw, 3.25rem);
line-height: 1.05;
font-weight: 800;
letter-spacing: -0.03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 1rem;
}
.site.design-duz h2 {
font-family: Arial, sans-serif;
font-size: clamp(1.35rem, 3.5vw, 1.85rem);
line-height: 1.1;
font-weight: 700;
letter-spacing: -0.02em;
text-transform: uppercase;
margin-top: 1.5rem;
margin-bottom: 0.75rem;
}
.site.design-duz h3 {
font-family: Arial, sans-serif;
font-size: clamp(1.1rem, 2.5vw, 1.35rem);
line-height: 1.15;
font-weight: 700;
letter-spacing: -0.01em;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.site.design-duz section,
.site.design-duz .section {
border-top-width: 1px;
border-top-style: solid;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.site.design-duz .section-kicker {
display: block;
font-size: 0.75rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.15em;
margin-bottom: 0.5rem;
}
.site.design-duz .fold-lede {
font-size: 1.15rem;
line-height: 1.4;
letter-spacing: -0.01em;
margin-bottom: 1.5rem;
}
.site.design-duz .scored-card {
border-width: 1px;
border-style: solid;
border-radius: 0;
box-shadow: none;
padding: 1.25rem;
margin-bottom: 1rem;
}
.site.design-duz .scored-card__head {
border-bottom-width: 1px;
border-bottom-style: solid;
padding-bottom: 0.75rem;
margin-bottom: 0.75rem;
}
.site.design-duz .primary-cta,
.site.design-duz .secondary-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 10px 20px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.08em;
font-size: 0.8rem;
border-width: 1px;
border-style: solid;
border-radius: 0;
box-shadow: none;
}
.site.design-duz .site-nav a {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 8px 12px;
text-transform: uppercase;
font-weight: 700;
font-size: 0.75rem;
letter-spacing: 0.05em;
}
.site.design-duz .bonus-row > a {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 4px 8px;
}
.site.design-duz .quick-firm-strip,
.site.design-duz .gift-firm-strip,
.site.design-duz .bonus-card-grid,
.site.design-duz .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 1rem;
width: 100%;
max-width: 100%;
}
.site.design-duz .quick-firm-strip > *,
.site.design-duz .gift-firm-strip > *,
.site.design-duz .bonus-card-grid > *,
.site.design-duz .game-top-offers__list > * {
flex: 1 1 240px;
min-width: 0;
}
.site.design-duz table {
width: 100%;
border-collapse: collapse;
}
.site.design-duz th,
.site.design-duz td {
padding: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-size: 0.85rem;
line-height: 1.3;
}
.site.design-duz thead th {
border-top-width: 1.5px;
border-top-style: solid;
border-bottom-width: 1.5px;
border-bottom-style: solid;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.site.design-duz .commerce-logo,
.site.design-duz .commerce-logo--compact {
aspect-ratio: 1 / 1;
object-fit: contain;
border-width: 1px;
border-style: solid;
border-radius: 0;
box-shadow: none;
}
.site.design-duz .site-header {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-duz .site-header__inner {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.75rem 0;
}
.site.design-duz .brand {
font-weight: 900;
text-transform: uppercase;
font-size: 1.35rem;
letter-spacing: -0.02em;
}
.site.design-duz .site-footer {
border-top-width: 2.5px;
border-top-style: solid;
padding-top: 2rem;
padding-bottom: 2rem;
margin-top: 3rem;
}
@media (max-width: 720px) {
.site.design-duz h1,
.site.design-duz .site h1 {
font-size: 1.75rem;
}
.site.design-duz h2 {
font-size: 1.35rem;
}
.site.design-duz section,
.site.design-duz .section {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.site.design-duz .site-header__inner {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
}
/* --- tasarim-gosterge.css --- */
.site.design-gosterge {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
letter-spacing: -0.01em;
}
.site.design-gosterge h1,
.site.design-gosterge .site h1 {
font-family: ui-sans-serif, system-ui, sans-serif;
font-size: clamp(1.6rem, 4.2vw, 2.3rem);
font-weight: 850;
letter-spacing: -0.04em;
line-height: 1.15;
margin-bottom: 0.85rem;
}
.site.design-gosterge h2 {
font-size: clamp(1.3rem, 3.2vw, 1.65rem);
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1.2;
margin-top: 1.8rem;
margin-bottom: 0.65rem;
}
.site.design-gosterge h3 {
font-size: clamp(1.05rem, 2.2vw, 1.25rem);
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.25;
}
.site.design-gosterge .site-header {
border-bottom-width: 2px;
border-bottom-style: double;
padding: 0.5rem 0;
}
.site.design-gosterge .site-nav a {
min-height: 44px;
display: inline-flex;
align-items: center;
padding: 0 10px;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.site.design-gosterge .scored-card,
.site.design-gosterge .first-fold-offer,
.site.design-gosterge .game-detail__block,
.site.design-gosterge .commerce-profile {
border-width: 1px;
border-style: solid;
border-radius: 8px;
padding: 1.15rem;
box-shadow: 0 4px 10px -3px currentColor;
display: flex;
flex-direction: column;
gap: 0.85rem;
}
.site.design-gosterge .scored-card__score,
.site.design-gosterge .commerce-profile__number {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 2.5rem;
font-weight: 800;
line-height: 1;
letter-spacing: -0.04em;
display: inline-flex;
align-items: baseline;
}
.site.design-gosterge .scored-card__rank {
font-family: ui-monospace, SFMono-Regular, monospace;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
border-width: 1px;
border-style: solid;
border-radius: 3px;
padding: 1px 5px;
align-self: flex-start;
}
.site.design-gosterge .bonus-freshness {
font-family: ui-monospace, SFMono-Regular, monospace;
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
border-width: 1px;
border-style: dashed;
border-radius: 4px;
padding: 2px 6px;
display: inline-flex;
align-items: center;
gap: 3px;
}
.site.design-gosterge .scored-card__go,
.site.design-gosterge .first-fold-offer__cta,
.site.design-gosterge .context-affiliate__cta,
.site.design-gosterge .home-firm-go,
.site.design-gosterge .commerce-cta {
min-height: 44px;
border-radius: 99px;
padding: 8px 20px;
font-weight: 750;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.05em;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
border-width: 2px;
border-style: solid;
transition: transform 0.12s ease;
}
.site.design-gosterge .scored-card__go:hover,
.site.design-gosterge .first-fold-offer__cta:hover {
transform: translateY(-1px);
}
.site.design-gosterge .bonus-card-grid,
.site.design-gosterge .game-top-offers__list,
.site.design-gosterge .quick-firm-strip,
.site.design-gosterge .gift-firm-strip {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
gap: 12px;
width: 100%;
}
.site.design-gosterge .quick-firm-strip,
.site.design-gosterge .gift-firm-strip {
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
gap: 8px;
}
.site.design-gosterge .commerce-logo,
.site.design-gosterge .commerce-logo--compact {
aspect-ratio: 16 / 10;
object-fit: contain;
border-radius: 6px;
border-width: 1px;
border-style: solid;
padding: 6px;
}
.site.design-gosterge .section {
padding: 2.5rem 0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-gosterge table {
border-collapse: separate;
border-spacing: 0 6px;
width: 100%;
}
.site.design-gosterge tr {
border-width: 1px;
border-style: solid;
}
.site.design-gosterge th,
.site.design-gosterge td {
padding: 10px 14px;
font-size: 0.85rem;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-gosterge th {
font-weight: 750;
text-transform: uppercase;
font-size: 0.7rem;
letter-spacing: 0.06em;
}
@media (max-width: 720px) {
.site.design-gosterge .bonus-card-grid,
.site.design-gosterge .game-top-offers__list {
grid-template-columns: 1fr;
gap: 10px;
}
.site.design-gosterge .quick-firm-strip,
.site.design-gosterge .gift-firm-strip {
grid-template-columns: repeat(2, 1fr);
}
.site.design-gosterge .scored-card {
padding: 1rem;
}
}
/* --- tasarim-ince.css --- */
.site.design-ince h1,
.site.design-ince .site h1,
.site.design-ince h2,
.site.design-ince h3 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 200;
letter-spacing: 0.15em;
text-transform: uppercase;
line-height: 1.3;
}
.site.design-ince h1,
.site.design-ince .site h1 {
font-size: clamp(1.85rem, 4.5vw, 2.75rem);
margin: 0 0 1.5rem 0;
}
.site.design-ince h2 {
font-size: clamp(1.35rem, 3vw, 1.85rem);
margin: 0 0 1.25rem 0;
}
.site.design-ince h3 {
font-size: clamp(1.1rem, 2vw, 1.35rem);
margin: 0 0 1rem 0;
}
.site.design-ince main,
.site.design-ince article,
.site.design-ince section {
line-height: 1.75;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.site.design-ince .section {
padding: clamp(2.5rem, 6vw, 5.5rem) 0;
}
.site.design-ince .section-head {
margin-bottom: clamp(2rem, 4.5vw, 3.5rem);
text-align: center;
}
.site.design-ince .section-kicker,
.site.design-ince .eyebrow {
display: block;
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0.3em;
text-transform: uppercase;
margin-bottom: 1rem;
}
.site.design-ince .scored-card,
.site.design-ince .game-detail__block,
.site.design-ince .first-fold-offer {
border-width: 1px;
border-style: solid;
border-radius: 16px;
padding: clamp(1.5rem, 3.5vw, 2.75rem);
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.site.design-ince .scored-card:hover {
transform: translateY(-4px);
}
.site.design-ince .scored-card__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
margin-bottom: 1.5rem;
}
.site.design-ince .scored-card__rank {
font-size: 0.813rem;
font-weight: 300;
letter-spacing: 0.15em;
}
.site.design-ince .scored-card__score {
font-size: 1.75rem;
font-weight: 100;
letter-spacing: -0.03em;
}
.site.design-ince .scored-card__axes {
display: flex;
flex-direction: column;
gap: 0.75rem;
margin-bottom: 1.75rem;
}
.site.design-ince .scored-card__note {
font-size: 0.875rem;
font-weight: 300;
line-height: 1.7;
}
.site.design-ince .scored-card__actions {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-top: 1.75rem;
}
.site.design-ince .primary-cta,
.site.design-ince .secondary-cta,
.site.design-ince .first-fold-offer__cta,
.site.design-ince .context-affiliate__cta,
.site.design-ince .game-top-offers__cta,
.site.design-ince .home-firm-go,
.site.design-ince .scored-card__go,
.site.design-ince .commerce-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 2.25rem;
border-width: 1px;
border-style: solid;
border-radius: 99px;
font-size: 0.813rem;
font-weight: 400;
letter-spacing: 0.18em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
transition: opacity 0.2s, transform 0.2s;
}
.site.design-ince .text-cta,
.site.design-ince .scored-card__detail,
.site.design-ince .game-top-offers__detail {
display: inline-flex;
align-items: center;
min-height: 44px;
font-size: 0.813rem;
font-weight: 300;
letter-spacing: 0.15em;
text-transform: uppercase;
text-decoration: underline;
text-underline-offset: 5px;
}
.site.design-ince .site-header {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-ince .site-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 72px;
padding: 1rem 1.5rem;
}
.site.design-ince .brand {
font-size: 1.15rem;
font-weight: 300;
letter-spacing: 0.25em;
text-transform: uppercase;
}
.site.design-ince .site-nav-shell {
display: flex;
align-items: center;
}
.site.design-ince .site-nav {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.75rem;
}
.site.design-ince .site-nav a {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0 1.25rem;
font-size: 0.813rem;
font-weight: 300;
letter-spacing: 0.12em;
text-transform: uppercase;
text-decoration: none;
}
.site.design-ince .bonus-card-grid,
.site.design-ince .quick-firm-strip,
.site.design-ince .gift-firm-strip,
.site.design-ince .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 1.75rem;
}
.site.design-ince .bonus-card-grid > *,
.site.design-ince .quick-firm-strip > *,
.site.design-ince .gift-firm-strip > *,
.site.design-ince .game-top-offers__list > * {
flex: 1 1 290px;
min-width: 0;
}
.site.design-ince .commerce-logo,
.site.design-ince .commerce-logo--compact {
aspect-ratio: 16 / 10;
object-fit: contain;
border-width: 1px;
border-style: solid;
border-radius: 12px;
padding: 0.75rem;
max-width: 130px;
}
.site.design-ince .bonus-freshness {
display: inline-flex;
align-items: center;
font-size: 0.75rem;
font-weight: 300;
letter-spacing: 0.12em;
text-transform: uppercase;
border-width: 1px;
border-style: solid;
border-radius: 6px;
padding: 0.25rem 0.75rem;
}
.site.design-ince .data-table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-width: 1px;
border-style: solid;
border-radius: 16px;
}
.site.design-ince table {
width: 100%;
border-collapse: collapse;
font-size: 0.875rem;
}
.site.design-ince th,
.site.design-ince td {
padding: 1.25rem 1.75rem;
text-align: left;
font-weight: 300;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-ince th {
font-size: 0.75rem;
font-weight: 400;
letter-spacing: 0.18em;
text-transform: uppercase;
}
.site.design-ince .site-footer {
border-top-width: 1px;
border-top-style: solid;
padding: clamp(3rem, 6vw, 4.5rem) 0;
}
@media (max-width: 720px) {
.site.design-ince h1,
.site.design-ince .site h1 {
font-size: 1.65rem;
}
.site.design-ince .section {
padding: 2.25rem 0;
}
.site.design-ince .site-header__inner {
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
}
.site.design-ince .site-nav {
gap: 0.25rem;
}
}
/* --- tasarim-izgara.css --- */
.site.design-izgara h1,
.site.design-izgara .site h1 {
font-family: monospace;
font-size: clamp(2rem, 5vw, 3.5rem);
line-height: 1.1;
font-weight: 800;
text-transform: uppercase;
letter-spacing: -0.02em;
margin-bottom: 1rem;
}
.site.design-izgara h2 {
font-family: monospace;
font-size: clamp(1.4rem, 3.5vw, 2.2rem);
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1rem;
}
.site.design-izgara h3 {
font-family: monospace;
font-size: clamp(1.1rem, 2.5vw, 1.5rem);
line-height: 1.3;
font-weight: 700;
}
.site.design-izgara .section-kicker,
.site.design-izgara .eyebrow {
font-family: monospace;
text-transform: uppercase;
letter-spacing: 0.15em;
font-size: 0.8rem;
font-weight: 700;
}
.site.design-izgara .section {
border-style: solid;
border-width: 2px 0;
margin-top: -2px;
padding: 4rem 0;
}
.site.design-izgara .section-head {
border-bottom-style: double;
border-bottom-width: 3px;
padding-bottom: 1rem;
margin-bottom: 2rem;
}
.site.design-izgara .commerce-cta,
.site.design-izgara .home-firm-go,
.site.design-izgara .first-fold-offer__cta,
.site.design-izgara .scored-card__go,
.site.design-izgara .game-top-offers__cta,
.site.design-izgara .context-affiliate__cta,
.site.design-izgara .text-cta,
.site.design-izgara .site-nav a {
min-height: 44px;
padding: 12px 24px;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
text-transform: uppercase;
font-family: monospace;
font-weight: 700;
letter-spacing: 0.08em;
border-style: solid;
border-width: 2px;
border-radius: 0;
box-shadow: none;
}
.site.design-izgara .scored-card,
.site.design-izgara .first-fold-offer,
.site.design-izgara .game-detail__block,
.site.design-izgara .commerce-profile {
border-style: solid;
border-width: 2px;
border-radius: 0;
box-shadow: none;
padding: 24px;
}
.site.design-izgara .quick-firm-strip,
.site.design-izgara .gift-firm-strip,
.site.design-izgara .bonus-card-grid,
.site.design-izgara .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 0;
width: 100%;
max-width: 100%;
}
.site.design-izgara .quick-firm-strip > *,
.site.design-izgara .gift-firm-strip > *,
.site.design-izgara .bonus-card-grid > *,
.site.design-izgara .game-top-offers__list > * {
flex: 1 1 240px;
min-width: 0;
border-style: solid;
border-width: 1px;
margin: -1px;
border-radius: 0;
box-shadow: none;
}
.site.design-izgara table {
width: 100%;
border-collapse: collapse;
margin: 2rem 0;
}
.site.design-izgara th,
.site.design-izgara td {
border-style: solid;
border-width: 1px;
padding: 16px;
border-radius: 0;
}
.site.design-izgara .commerce-logo,
.site.design-izgara .commerce-logo--compact {
aspect-ratio: 1 / 1;
object-fit: contain;
border-style: solid;
border-width: 1px;
padding: 8px;
border-radius: 0;
}
.site.design-izgara .bonus-freshness,
.site.design-izgara .bonus-freshness--unverified,
.site.design-izgara .bonus-freshness--archive,
.site.design-izgara .bonus-freshness--verified-active {
font-family: monospace;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700;
padding: 4px 8px;
border-style: solid;
border-width: 1px;
display: inline-block;
}
@media (max-width: 720px) {
.site.design-izgara .quick-firm-strip > *,
.site.design-izgara .gift-firm-strip > *,
.site.design-izgara .bonus-card-grid > *,
.site.design-izgara .game-top-offers__list > * {
flex: 1 1 100%;
}
.site.design-izgara .section {
padding: 2.5rem 0;
}
}
/* --- tasarim-kabartma.css --- */
.site.design-kabartma {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 1.5;
letter-spacing: -0.01em;
}
.site.design-kabartma h1,
.site.design-kabartma .site h1 {
font-size: clamp(2rem, 5.5vw, 3.25rem);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.03em;
margin-bottom: 1.25rem;
}
.site.design-kabartma h2 {
font-size: clamp(1.5rem, 4vw, 2rem);
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.02em;
margin-bottom: 1rem;
}
.site.design-kabartma h3 {
font-size: clamp(1.2rem, 3vw, 1.5rem);
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.01em;
}
.site.design-kabartma .section {
padding: 64px 24px;
margin: 0 auto;
}
.site.design-kabartma .section-head {
margin-bottom: 36px;
text-align: center;
}
.site.design-kabartma .scored-card,
.site.design-kabartma .game-detail__block,
.site.design-kabartma .first-fold-offer,
.site.design-kabartma .commerce-profile {
border-radius: 24px;
border-width: 3px;
border-style: solid;
padding: 28px;
box-shadow: inset -2px -2px 6px currentColor, 2px 6px 18px currentColor;
margin-bottom: 24px;
}
.site.design-kabartma .commerce-cta,
.site.design-kabartma .first-fold-offer__cta,
.site.design-kabartma .scored-card__go,
.site.design-kabartma .context-affiliate__cta,
.site.design-kabartma .game-top-offers__cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 12px 28px;
border-radius: 50px;
font-weight: 700;
font-size: 0.95rem;
letter-spacing: 0.02em;
border-width: 3px;
border-style: solid;
box-shadow: inset -2px -2px 4px currentColor, 2px 4px 10px currentColor;
text-decoration: none;
transition: transform 0.15s ease;
}
.site.design-kabartma .site-nav a {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 8px 20px;
border-radius: 40px;
font-weight: 600;
border-width: 2px;
border-style: solid;
box-shadow: inset -1px -1px 3px currentColor, 1px 2px 6px currentColor;
}
.site.design-kabartma .bonus-freshness,
.site.design-kabartma .commerce-tags,
.site.design-kabartma .commerce-profile__number {
display: inline-flex;
align-items: center;
padding: 6px 14px;
border-radius: 16px;
font-size: 0.85rem;
font-weight: 700;
border-width: 2px;
border-style: solid;
box-shadow: inset -1px -1px 2px currentColor;
}
.site.design-kabartma .quick-firm-strip,
.site.design-kabartma .gift-firm-strip,
.site.design-kabartma .bonus-card-grid,
.site.design-kabartma .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 20px;
width: 100%;
padding: 8px 0;
}
.site.design-kabartma .quick-firm-strip > *,
.site.design-kabartma .gift-firm-strip > *,
.site.design-kabartma .bonus-card-grid > *,
.site.design-kabartma .game-top-offers__list > * {
flex: 1 1 240px;
min-width: 0;
}
.site.design-kabartma table {
width: 100%;
border-collapse: separate;
border-spacing: 0 10px;
}
.site.design-kabartma th,
.site.design-kabartma td {
padding: 16px 20px;
border-width: 2px 0;
border-style: solid;
}
.site.design-kabartma th:first-child,
.site.design-kabartma td:first-child {
border-width: 2px 0 2px 2px;
border-radius: 16px 0 0 16px;
}
.site.design-kabartma th:last-child,
.site.design-kabartma td:last-child {
border-width: 2px 2px 2px 0;
border-radius: 0 16px 16px 0;
}
.site.design-kabartma .site-header {
padding: 24px 16px;
border-width: 0 0 3px 0;
border-style: solid;
}
.site.design-kabartma .site-footer {
padding: 48px 24px;
border-width: 3px 0 0 0;
border-style: solid;
}
@media (max-width: 720px) {
.site.design-kabartma h1,
.site.design-kabartma .site h1 {
font-size: clamp(1.75rem, 8vw, 2.25rem);
}
.site.design-kabartma .section {
padding: 36px 16px;
}
.site.design-kabartma .scored-card,
.site.design-kabartma .game-detail__block,
.site.design-kabartma .first-fold-offer {
padding: 18px;
border-radius: 16px;
}
}
/* --- tasarim-kagit.css --- */
.site.design-kagit main,
.site.design-kagit article,
.site.design-kagit section,
.site.design-kagit .site {
font-family: "Times New Roman", Times, "Baskerville", Georgia, serif;
line-height: 1.7;
letter-spacing: 0.01em;
}
.site.design-kagit h1,
.site.design-kagit .site h1 {
font-family: "Times New Roman", Times, "Baskerville", Georgia, serif;
font-size: clamp(2.25rem, 5.5vw, 3.5rem);
font-weight: 600;
line-height: 1.25;
margin-bottom: 1.5rem;
letter-spacing: -0.01em;
}
.site.design-kagit h2 {
font-family: "Times New Roman", Times, "Baskerville", Georgia, serif;
font-size: clamp(1.75rem, 4vw, 2.25rem);
font-weight: 600;
line-height: 1.3;
margin-bottom: 1.25rem;
}
.site.design-kagit h3 {
font-family: "Times New Roman", Times, "Baskerville", Georgia, serif;
font-size: clamp(1.35rem, 3vw, 1.65rem);
font-weight: 600;
line-height: 1.4;
margin-bottom: 1rem;
}
.site.design-kagit .section {
padding-top: clamp(3rem, 7vw, 5rem);
padding-bottom: clamp(3rem, 7vw, 5rem);
}
.site.design-kagit .scored-card,
.site.design-kagit .first-fold-offer,
.site.design-kagit .commerce-profile,
.site.design-kagit .game-detail__block {
border-width: 1px;
border-style: solid;
border-radius: 12px;
border-bottom-width: 3px;
box-shadow: none;
padding: 2rem;
margin-bottom: 1.75rem;
}
.site.design-kagit .commerce-cta,
.site.design-kagit .first-fold-offer__cta,
.site.design-kagit .scored-card__go,
.site.design-kagit .context-affiliate__cta,
.site.design-kagit .sticky-serp-cta {
min-height: 48px;
padding: 14px 28px;
border-width: 1px;
border-style: solid;
border-bottom-width: 3px;
border-radius: 24px;
font-family: inherit;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: none;
}
.site.design-kagit .site-nav a,
.site.design-kagit .text-cta,
.site.design-kagit .game-detail__links a {
min-height: 44px;
padding: 10px 16px;
display: inline-flex;
align-items: center;
border-bottom-width: 1px;
border-bottom-style: solid;
letter-spacing: 0.02em;
}
.site.design-kagit .quick-firm-strip,
.site.design-kagit .gift-firm-strip,
.site.design-kagit .bonus-card-grid,
.site.design-kagit .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
min-width: 0;
}
.site.design-kagit .quick-firm-strip > *,
.site.design-kagit .gift-firm-strip > *,
.site.design-kagit .bonus-card-grid > *,
.site.design-kagit .game-top-offers__list > * {
flex: 1 1 260px;
min-width: 0;
max-width: 100%;
}
.site.design-kagit .commerce-logo,
.site.design-kagit .commerce-logo--compact {
border-radius: 10px;
border-width: 1px;
border-style: solid;
padding: 10px;
aspect-ratio: 4 / 3;
object-fit: contain;
}
.site.design-kagit .bonus-freshness,
.site.design-kagit .commerce-tags span {
font-size: 0.85rem;
padding: 4px 12px;
border-width: 1px;
border-style: solid;
border-radius: 12px;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.site.design-kagit table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
.site.design-kagit th,
.site.design-kagit td {
padding: 1.25rem 1rem;
border-bottom-width: 1px;
border-bottom-style: solid;
text-align: left;
}
@media (max-width: 720px) {
.site.design-kagit h1,
.site.design-kagit .site h1 {
font-size: 1.85rem;
line-height: 1.3;
}
.site.design-kagit h2 {
font-size: 1.5rem;
}
.site.design-kagit .scored-card,
.site.design-kagit .first-fold-offer {
padding: 1.25rem;
border-radius: 10px;
}
.site.design-kagit .quick-firm-strip > *,
.site.design-kagit .gift-firm-strip > *,
.site.design-kagit .bonus-card-grid > * {
flex: 1 1 100%;
}
}
/* --- tasarim-kapsul.css --- */
.site.design-kapsul h1,
.site.design-kapsul .site h1 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: clamp(2rem, 5vw, 3.25rem);
line-height: 1.2;
letter-spacing: -0.02em;
font-weight: 800;
}
.site.design-kapsul h2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: clamp(1.5rem, 4vw, 2.25rem);
line-height: 1.25;
letter-spacing: -0.01em;
font-weight: 700;
}
.site.design-kapsul h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: clamp(1.2rem, 3vw, 1.6rem);
line-height: 1.3;
letter-spacing: -0.01em;
font-weight: 700;
}
.site.design-kapsul .section {
padding-block: clamp(2.5rem, 6vw, 4.5rem);
}
.site.design-kapsul .section-head {
margin-bottom: 2.5rem;
}
.site.design-kapsul .scored-card,
.site.design-kapsul .first-fold-offer,
.site.design-kapsul .game-detail__block,
.site.design-kapsul .commerce-profile {
border-radius: 24px;
border-style: solid;
border-width: 2px;
padding: clamp(1.5rem, 3vw, 2.5rem);
box-shadow: 0 8px 24px -4px currentColor;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.site.design-kapsul .scored-card:hover,
.site.design-kapsul .first-fold-offer:hover {
transform: translateY(-4px);
}
.site.design-kapsul .commerce-cta,
.site.design-kapsul .first-fold-offer__cta,
.site.design-kapsul .scored-card__go,
.site.design-kapsul .context-affiliate__cta,
.site.design-kapsul .sticky-serp-cta {
min-height: 48px;
padding: 12px 28px;
border-radius: 999px;
font-family: system-ui, sans-serif;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
font-size: 0.875rem;
border-style: solid;
border-width: 2px;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
transition: transform 0.2s ease;
}
.site.design-kapsul .commerce-cta:hover,
.site.design-kapsul .first-fold-offer__cta:hover,
.site.design-kapsul .scored-card__go:hover {
transform: scale(1.04);
}
.site.design-kapsul .bonus-freshness,
.site.design-kapsul .commerce-profile__verified,
.site.design-kapsul .commerce-table__verified,
.site.design-kapsul .section-kicker,
.site.design-kapsul .eyebrow {
padding: 6px 14px;
border-radius: 999px;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
border-style: solid;
border-width: 1px;
display: inline-flex;
align-items: center;
width: fit-content;
}
.site.design-kapsul .site-nav a,
.site.design-kapsul .game-detail__links a {
min-height: 44px;
display: inline-flex;
align-items: center;
padding: 8px 20px;
border-radius: 999px;
font-weight: 600;
font-size: 0.9rem;
}
.site.design-kapsul .site-header__inner {
border-radius: 999px;
border-style: solid;
border-width: 2px;
padding: 12px 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.site.design-kapsul .quick-firm-strip,
.site.design-kapsul .gift-firm-strip,
.site.design-kapsul .bonus-card-grid,
.site.design-kapsul .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
min-width: 0;
width: 100%;
}
.site.design-kapsul .quick-firm-strip > *,
.site.design-kapsul .gift-firm-strip > *,
.site.design-kapsul .bonus-card-grid > *,
.site.design-kapsul .game-top-offers__list > * {
flex: 1 1 calc(33.333% - 1.5rem);
min-width: 260px;
max-width: 100%;
}
.site.design-kapsul .data-table-wrap {
border-radius: 20px;
overflow: hidden;
border-style: solid;
border-width: 2px;
}
.site.design-kapsul table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
.site.design-kapsul th,
.site.design-kapsul td {
padding: 16px 24px;
}
@media (max-width: 720px) {
.site.design-kapsul .scored-card,
.site.design-kapsul .first-fold-offer,
.site.design-kapsul .game-detail__block {
border-radius: 16px;
padding: 1.25rem;
}
.site.design-kapsul .quick-firm-strip > *,
.site.design-kapsul .gift-firm-strip > *,
.site.design-kapsul .bonus-card-grid > *,
.site.design-kapsul .game-top-offers__list > * {
flex: 1 1 100%;
min-width: 0;
}
.site.design-kapsul .site-header__inner {
border-radius: 24px;
padding: 12px 16px;
flex-direction: column;
gap: 1rem;
}
}
/* --- tasarim-kart.css --- */
.site.design-kart h1,
.site.design-kart .site h1 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: clamp(2.25rem, 5.5vw, 3.25rem);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.03em;
margin-bottom: 1.5rem;
}
.site.design-kart h2 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: clamp(1.65rem, 4vw, 2.15rem);
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.02em;
margin-bottom: 1.25rem;
}
.site.design-kart h3 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: clamp(1.25rem, 3vw, 1.5rem);
font-weight: 650;
line-height: 1.3;
letter-spacing: -0.01em;
margin-bottom: 1rem;
}
.site.design-kart .section-kicker,
.site.design-kart .eyebrow {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 800;
letter-spacing: 0.1em;
margin-bottom: 0.75rem;
display: block;
}
.site.design-kart .scored-card,
.site.design-kart .commerce-profile,
.site.design-kart .first-fold-offer,
.site.design-kart .game-detail__block,
.site.design-kart .game-top-offers {
border-radius: 16px;
border-width: 1px;
border-style: solid;
box-shadow: 0 12px 32px -8px currentColor;
padding: 2rem;
margin-bottom: 2.25rem;
box-sizing: border-box;
}
.site.design-kart .scored-card__head {
display: flex;
align-items: center;
gap: 1.25rem;
margin-bottom: 1.5rem;
}
.site.design-kart .scored-card__rank {
font-size: 1.5rem;
font-weight: 800;
letter-spacing: -0.02em;
}
.site.design-kart .commerce-cta,
.site.design-kart .text-cta,
.site.design-kart .context-affiliate__cta,
.site.design-kart .first-fold-offer__cta,
.site.design-kart .scored-card__go,
.site.design-kart .site-nav a {
min-height: 48px;
padding: 12px 24px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
letter-spacing: -0.01em;
text-decoration: none;
font-size: 0.95rem;
border-width: 1px;
border-style: solid;
box-sizing: border-box;
}
.site.design-kart .quick-firm-strip,
.site.design-kart .gift-firm-strip,
.site.design-kart .bonus-card-grid,
.site.design-kart .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 0;
}
.site.design-kart .quick-firm-strip > *,
.site.design-kart .gift-firm-strip > *,
.site.design-kart .bonus-card-grid > *,
.site.design-kart .game-top-offers__list > * {
flex: 1 1 260px;
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
.site.design-kart .data-table-wrap {
border-radius: 16px;
border-width: 1px;
border-style: solid;
box-shadow: 0 12px 32px -12px currentColor;
overflow: hidden;
margin-bottom: 2.5rem;
}
.site.design-kart table {
width: 100%;
border-collapse: collapse;
}
.site.design-kart th,
.site.design-kart td {
padding: 1.25rem;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-kart .site-header {
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 1.25rem 0;
margin-bottom: 2.5rem;
}
.site.design-kart .site-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
.site.design-kart .site-footer {
border-top-width: 1px;
border-top-style: solid;
padding: 4rem 1.5rem;
margin-top: 4.5rem;
}
@media (max-width: 720px) {
.site.design-kart h1,
.site.design-kart .site h1 {
font-size: clamp(1.75rem, 5vw, 2.15rem);
}
.site.design-kart h2 {
font-size: 1.45rem;
}
.site.design-kart .scored-card,
.site.design-kart .commerce-profile,
.site.design-kart .first-fold-offer {
padding: 1.25rem;
border-radius: 12px;
}
.site.design-kart .commerce-cta,
.site.design-kart .first-fold-offer__cta,
.site.design-kart .scored-card__go {
width: 100%;
}
}
/* --- tasarim-kart-yigin.css --- */
.site.design-kart-yigin h1,
.site.design-kart-yigin .site h1 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.03em;
margin-top: 0;
margin-bottom: 16px;
}
.site.design-kart-yigin h2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: clamp(1.5rem, 4vw, 2rem);
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.02em;
margin-top: 0;
margin-bottom: 16px;
}
.site.design-kart-yigin h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: clamp(1.2rem, 3vw, 1.5rem);
font-weight: 700;
line-height: 1.3;
margin-top: 0;
margin-bottom: 12px;
}
.site.design-kart-yigin .section {
padding-top: 48px;
padding-bottom: 48px;
}
.site.design-kart-yigin .scored-card,
.site.design-kart-yigin .first-fold-offer,
.site.design-kart-yigin .game-top-offers__detail,
.site.design-kart-yigin .commerce-profile {
border-radius: 20px;
border-width: 2px;
border-style: solid;
padding: 24px;
margin-bottom: 24px;
box-shadow: 0 4px 0 0 currentColor, 0 8px 0 -1px currentColor;
transform: translateY(-4px);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.site.design-kart-yigin .scored-card:hover,
.site.design-kart-yigin .first-fold-offer:hover {
transform: translateY(-6px);
box-shadow: 0 6px 0 0 currentColor, 0 12px 0 -1px currentColor;
}
.site.design-kart-yigin .commerce-cta,
.site.design-kart-yigin .scored-card__go,
.site.design-kart-yigin .first-fold-offer__cta,
.site.design-kart-yigin .site-nav a,
.site.design-kart-yigin .text-cta {
min-height: 48px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 24px;
padding-right: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 30px;
border-width: 2px;
border-style: solid;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none;
box-shadow: 0 4px 0 0 currentColor;
}
.site.design-kart-yigin .site-header {
border-bottom-width: 2px;
border-bottom-style: solid;
padding-top: 16px;
padding-bottom: 16px;
}
.site.design-kart-yigin .bonus-card-grid,
.site.design-kart-yigin .quick-firm-strip,
.site.design-kart-yigin .gift-firm-strip,
.site.design-kart-yigin .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.site.design-kart-yigin .bonus-card-grid > *,
.site.design-kart-yigin .quick-firm-strip > *,
.site.design-kart-yigin .gift-firm-strip > *,
.site.design-kart-yigin .game-top-offers__list > * {
flex: 1 1 calc(50% - 20px);
min-width: 280px;
max-width: 100%;
}
.site.design-kart-yigin .commerce-logo,
.site.design-kart-yigin .commerce-logo--compact {
border-radius: 12px;
border-width: 2px;
border-style: solid;
padding: 8px;
aspect-ratio: 16 / 9;
object-fit: contain;
}
.site.design-kart-yigin .bonus-freshness,
.site.design-kart-yigin .commerce-tags {
display: inline-flex;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 12px;
padding-right: 12px;
border-radius: 12px;
border-width: 1px;
border-style: solid;
font-size: 0.85rem;
font-weight: 600;
}
.site.design-kart-yigin .data-table-wrap {
border-radius: 16px;
border-width: 2px;
border-style: solid;
overflow: hidden;
box-shadow: 0 6px 0 0 currentColor;
margin-bottom: 24px;
}
.site.design-kart-yigin table {
width: 100%;
border-collapse: collapse;
}
.site.design-kart-yigin th,
.site.design-kart-yigin td {
padding: 16px;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-kart-yigin tr:last-child td {
border-bottom-width: 0;
}
@media (max-width: 720px) {
.site.design-kart-yigin h1,
.site.design-kart-yigin .site h1 {
font-size: 1.8rem;
}
.site.design-kart-yigin .scored-card,
.site.design-kart-yigin .first-fold-offer,
.site.design-kart-yigin .game-top-offers__detail {
padding: 16px;
border-radius: 16px;
}
.site.design-kart-yigin .bonus-card-grid > *,
.site.design-kart-yigin .quick-firm-strip > *,
.site.design-kart-yigin .gift-firm-strip > *,
.site.design-kart-yigin .game-top-offers__list > * {
flex: 1 1 100%;
min-width: 100%;
}
}
/* --- tasarim-kesit.css --- */
.site.design-kesit .section {
padding-top: clamp(3.5rem, 7vw, 6rem);
padding-bottom: clamp(3.5rem, 7vw, 6rem);
border-top-width: 10px;
border-top-style: double;
border-bottom-width: 10px;
border-bottom-style: double;
}
.site.design-kesit .section-head,
.site.design-kesit .home-first-fold__inner,
.site.design-kesit .content-shell,
.site.design-kesit .site-header__inner {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.site.design-kesit h1,
.site.design-kesit .site h1 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: clamp(2rem, 5.5vw, 3.5rem);
font-weight: 900;
line-height: 1.1;
letter-spacing: -0.03em;
text-transform: uppercase;
margin-bottom: 1.25rem;
}
.site.design-kesit h2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: clamp(1.5rem, 4.5vw, 2.25rem);
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.02em;
}
.site.design-kesit h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: clamp(1.2rem, 3.5vw, 1.6rem);
font-weight: 700;
line-height: 1.3;
}
.site.design-kesit .scored-card,
.site.design-kesit .commerce-profile,
.site.design-kesit .game-detail__block {
border-width: 3px;
border-style: solid;
border-radius: 24px;
padding: 2.25rem;
box-shadow: 0 10px 25px -5px currentColor;
}
.site.design-kesit .first-fold-offer__cta,
.site.design-kesit .scored-card__go,
.site.design-kesit .context-affiliate__cta,
.site.design-kesit .primary-cta,
.site.design-kesit .secondary-cta {
min-height: 48px;
padding: 12px 28px;
display: inline-flex;
align-items: center;
justify-content: center;
border-width: 2.5px;
border-style: solid;
border-radius: 50px;
font-family: system-ui, -apple-system, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 0.85rem;
text-decoration: none;
}
.site.design-kesit .site-nav a,
.site.design-kesit .bonus-row > a,
.site.design-kesit .text-cta {
min-height: 44px;
display: inline-flex;
align-items: center;
padding: 8px 16px;
font-weight: 600;
text-decoration: none;
}
.site.design-kesit .bonus-card-grid,
.site.design-kesit .game-top-offers__list,
.site.design-kesit .quick-firm-strip,
.site.design-kesit .gift-firm-strip {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.site.design-kesit .bonus-card-grid > *,
.site.design-kesit .game-top-offers__list > *,
.site.design-kesit .quick-firm-strip > *,
.site.design-kesit .gift-firm-strip > * {
flex: 1 1 290px;
min-width: 0;
}
.site.design-kesit .data-table-wrap {
border-width: 3px;
border-style: solid;
border-radius: 16px;
overflow: hidden;
}
.site.design-kesit table {
width: 100%;
border-collapse: collapse;
}
.site.design-kesit th,
.site.design-kesit td {
padding: 16px 20px;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.site.design-kesit .commerce-logo,
.site.design-kesit .commerce-logo--compact {
aspect-ratio: 16 / 10;
object-fit: contain;
border-radius: 16px;
border-width: 2px;
border-style: solid;
padding: 6px;
}
@media (max-width: 720px) {
.site.design-kesit .section {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
border-top-width: 6px;
border-bottom-width: 6px;
}
.site.design-kesit .scored-card,
.site.design-kesit .commerce-profile,
.site.design-kesit .game-detail__block {
padding: 1.5rem;
border-radius: 16px;
}
.site.design-kesit .bonus-card-grid > *,
.site.design-kesit .game-top-offers__list > *,
.site.design-kesit .quick-firm-strip > *,
.site.design-kesit .gift-firm-strip > * {
flex: 1 1 100%;
}
}
/* --- tasarim-keskin.css --- */
.site.design-keskin {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 12px;
line-height: 1.2;
letter-spacing: -0.01em;
}
.site.design-keskin h1,
.site.design-keskin .site h1 {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: clamp(24px, 4vw, 36px);
font-weight: 800;
line-height: 1.0;
letter-spacing: -0.05em;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.site.design-keskin h2 {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: clamp(16px, 2.5vw, 20px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.03em;
text-transform: uppercase;
margin: 0 0 8px 0;
}
.site.design-keskin h3 {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 13px;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.01em;
text-transform: uppercase;
margin: 0 0 6px 0;
}
.site.design-keskin main,
.site.design-keskin article,
.site.design-keskin section {
margin-bottom: 20px;
}
.site.design-keskin .section-head {
margin-bottom: 12px;
padding-bottom: 6px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-keskin .section-kicker,
.site.design-keskin .eyebrow {
font-family: ui-monospace, monospace;
font-size: 9px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
line-height: 1;
margin-bottom: 4px;
display: block;
}
.site.design-keskin .scored-card,
.site.design-keskin .first-fold-offer,
.site.design-keskin .game-top-offers {
border-width: 1px;
border-style: solid;
border-radius: 0;
padding: 10px;
margin-bottom: 10px;
box-shadow: 1px 1px 0 currentColor;
}
.site.design-keskin .scored-card__head {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 8px;
}
.site.design-keskin .scored-card__rank,
.site.design-keskin .commerce-profile__number {
font-family: ui-monospace, monospace;
font-size: 10px;
font-weight: bold;
padding: 1px 4px;
border-width: 1px;
border-style: solid;
border-radius: 0;
}
.site.design-keskin .commerce-cta,
.site.design-keskin .first-fold-offer__cta,
.site.design-keskin .scored-card__go,
.site.design-keskin .context-affiliate__cta,
.site.design-keskin .home-firm-go {
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 12px;
border-width: 1px;
border-style: solid;
border-radius: 0;
font-family: ui-monospace, monospace;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
box-shadow: 1px 1px 0 currentColor;
text-decoration: none;
}
.site.design-keskin .site-nav a,
.site.design-keskin .game-detail__links a,
.site.design-keskin .related-guides__links a {
min-height: 44px;
display: inline-flex;
align-items: center;
padding: 0 10px;
font-family: ui-monospace, monospace;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
border-width: 1px;
border-style: none;
}
.site.design-keskin .site-header {
border-bottom-width: 1px;
border-bottom-style: solid;
border-radius: 0;
}
.site.design-keskin .site-header__inner {
padding: 4px 8px;
display: flex;
align-items: center;
justify-content: space-between;
}
.site.design-keskin .quick-firm-strip,
.site.design-keskin .gift-firm-strip,
.site.design-keskin .bonus-card-grid,
.site.design-keskin .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
.site.design-keskin .quick-firm-strip > *,
.site.design-keskin .gift-firm-strip > *,
.site.design-keskin .bonus-card-grid > *,
.site.design-keskin .game-top-offers__list > * {
flex: 1 1 130px;
min-width: 0;
max-width: 100%;
}
.site.design-keskin .commerce-logo,
.site.design-keskin .commerce-logo--compact {
aspect-ratio: 16 / 9;
object-fit: contain;
border-width: 1px;
border-style: solid;
border-radius: 0;
padding: 2px;
}
.site.design-keskin .data-table-wrap {
overflow-x: auto;
border-width: 1px;
border-style: solid;
margin-bottom: 12px;
}
.site.design-keskin table {
border-collapse: collapse;
width: 100%;
font-family: ui-monospace, monospace;
font-size: 11px;
}
.site.design-keskin th,
.site.design-keskin td {
padding: 4px 8px;
border-width: 1px;
border-style: solid;
text-align: left;
}
.site.design-keskin th {
font-weight: 700;
text-transform: uppercase;
}
.site.design-keskin .bonus-freshness,
.site.design-keskin .commerce-tags {
font-family: ui-monospace, monospace;
font-size: 9px;
text-transform: uppercase;
padding: 1px 3px;
border-width: 1px;
border-style: solid;
border-radius: 0;
display: inline-block;
}
.site.design-keskin .site-footer {
border-top-width: 1px;
border-top-style: solid;
padding: 16px 8px;
margin-top: 32px;
}
@media (max-width: 720px) {
.site.design-keskin h1,
.site.design-keskin .site h1 {
font-size: 22px;
letter-spacing: -0.04em;
}
.site.design-keskin .quick-firm-strip > *,
.site.design-keskin .gift-firm-strip > *,
.site.design-keskin .bonus-card-grid > *,
.site.design-keskin .game-top-offers__list > * {
flex: 1 1 100%;
}
.site.design-keskin .site-header__inner {
flex-direction: column;
align-items: stretch;
gap: 6px;
}
.site.design-keskin .site-nav {
display: flex;
flex-wrap: wrap;
gap: 2px;
}
.site.design-keskin .site-nav a {
flex: 1 1 auto;
justify-content: center;
}
}
/* --- tasarim-kompakt.css --- */
.site.design-kompakt h1 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: clamp(1.5rem, 4.5vw, 2rem);
line-height: 1.15;
font-weight: 800;
letter-spacing: -0.03em;
margin-top: 0;
margin-bottom: 0.4rem;
}
.site.design-kompakt h2 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: clamp(1.2rem, 3.5vw, 1.45rem);
line-height: 1.2;
font-weight: 700;
letter-spacing: -0.02em;
margin-top: 0;
margin-bottom: 0.3rem;
}
.site.design-kompakt h3 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 1.1rem;
line-height: 1.25;
font-weight: 700;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 0.25rem;
}
.site.design-kompakt .section {
padding-top: 1rem;
padding-bottom: 1rem;
}
.site.design-kompakt .section-head {
margin-bottom: 0.75rem;
}
.site.design-kompakt .section-kicker {
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 700;
margin-bottom: 0.2rem;
}
.site.design-kompakt table {
width: 100%;
border-collapse: collapse;
font-size: 0.8rem;
line-height: 1.3;
}
.site.design-kompakt th,
.site.design-kompakt td {
padding: 0.35rem 0.5rem;
border-bottom-width: 1px;
border-bottom-style: solid;
text-align: left;
}
.site.design-kompakt .data-table-wrap {
overflow-x: auto;
max-width: 100%;
}
.site.design-kompakt .scored-card {
padding: 0.5rem;
border-width: 1px;
border-style: solid;
border-radius: 4px;
box-shadow: 2px 2px 0 currentColor;
}
.site.design-kompakt .scored-card__head {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.4rem;
}
.site.design-kompakt .scored-card__rank {
font-size: 0.75rem;
font-weight: 800;
}
.site.design-kompakt .scored-card__score {
font-size: 0.85rem;
font-weight: 800;
}
.site.design-kompakt .scored-card__axes {
font-size: 0.75rem;
line-height: 1.2;
}
.site.design-kompakt .scored-card__note {
font-size: 0.7rem;
margin-top: 0.25rem;
}
.site.design-kompakt .scored-card__actions {
display: flex;
gap: 0.4rem;
margin-top: 0.5rem;
}
.site.design-kompakt .bonus-card-grid,
.site.design-kompakt .quick-firm-strip,
.site.design-kompakt .gift-firm-strip,
.site.design-kompakt .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
min-width: 0;
}
.site.design-kompakt .bonus-card-grid > *,
.site.design-kompakt .quick-firm-strip > *,
.site.design-kompakt .gift-firm-strip > *,
.site.design-kompakt .game-top-offers__list > * {
flex: 1 1 180px;
min-width: 0;
max-width: 100%;
}
.site.design-kompakt .commerce-cta,
.site.design-kompakt .text-cta,
.site.design-kompakt .first-fold-offer__cta,
.site.design-kompakt .scored-card__go,
.site.design-kompakt .game-top-offers__cta,
.site.design-kompakt .context-affiliate__cta,
.site.design-kompakt .sticky-serp-cta,
.site.design-kompakt .site-nav a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0.25rem 0.75rem;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: -0.01em;
text-transform: uppercase;
border-radius: 4px;
border-width: 1px;
border-style: solid;
text-decoration: none;
box-sizing: border-box;
}
.site.design-kompakt .site-header {
padding: 0.4rem 0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-kompakt .site-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.site.design-kompakt .site-nav {
display: flex;
gap: 0.25rem;
}
.site.design-kompakt .bonus-freshness,
.site.design-kompakt .commerce-tags {
font-size: 0.65rem;
padding: 0.15rem 0.3rem;
border-radius: 2px;
border-width: 1px;
border-style: solid;
}
@media (max-width: 720px) {
.site.design-kompakt h1 {
font-size: 1.35rem;
}
.site.design-kompakt h2 {
font-size: 1.15rem;
}
.site.design-kompakt th,
.site.design-kompakt td {
padding: 0.25rem 0.35rem;
font-size: 0.75rem;
}
.site.design-kompakt .site-header__inner {
flex-direction: column;
align-items: stretch;
gap: 0.4rem;
}
.site.design-kompakt .site-nav {
flex-wrap: wrap;
justify-content: center;
}
.site.design-kompakt .bonus-card-grid > *,
.site.design-kompakt .quick-firm-strip > *,
.site.design-kompakt .gift-firm-strip > *,
.site.design-kompakt .game-top-offers__list > * {
flex: 1 1 100%;
}
}
/* --- tasarim-kompozit.css --- */
.site.design-kompozit h1,
.site.design-kompozit .site h1 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: clamp(2.2rem, 6vw, 3.8rem);
font-weight: 900;
line-height: 1.05;
letter-spacing: -0.03em;
text-transform: uppercase;
margin-bottom: 1.5rem;
}
.site.design-kompozit h2,
.site.design-kompozit h3 {
font-family: system-ui, -apple-system, sans-serif;
font-weight: 800;
letter-spacing: -0.02em;
}
.site.design-kompozit h2 {
font-size: clamp(1.6rem, 4vw, 2.2rem);
line-height: 1.15;
}
.site.design-kompozit h3 {
font-size: clamp(1.2rem, 3vw, 1.6rem);
}
.site.design-kompozit .bonus-card-grid,
.site.design-kompozit .game-top-offers__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 2rem;
padding: 1rem 0;
}
@media (min-width: 721px) {
.site.design-kompozit .bonus-card-grid > *:first-child,
.site.design-kompozit .game-top-offers__list > *:first-child {
grid-column: span 2;
grid-row: span 2;
padding: 3rem;
}
}
.site.design-kompozit .scored-card,
.site.design-kompozit .game-top-offers__list > *,
.site.design-kompozit .bonus-card-grid > *,
.site.design-kompozit .first-fold-offer,
.site.design-kompozit .commerce-profile {
border-width: 3px;
border-style: solid;
border-radius: 24px 4px;
padding: 1.5rem;
box-shadow: 6px -6px 0 -1px currentColor;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.site.design-kompozit .scored-card:hover,
.site.design-kompozit .bonus-card-grid > *:hover {
transform: translate(-3px, 3px);
box-shadow: 3px -3px 0 -1px currentColor;
}
.site.design-kompozit .quick-firm-strip,
.site.design-kompozit .gift-firm-strip {
display: flex;
flex-wrap: wrap;
gap: 1rem;
width: 100%;
max-width: 100%;
}
.site.design-kompozit .quick-firm-strip > *,
.site.design-kompozit .gift-firm-strip > * {
flex: 1 1 auto;
min-width: 0;
}
.site.design-kompozit .primary-cta,
.site.design-kompozit .secondary-cta,
.site.design-kompozit .context-affiliate__cta,
.site.design-kompozit .first-fold-offer__cta,
.site.design-kompozit .scored-card__go,
.site.design-kompozit .game-top-offers__cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 12px 24px;
border-width: 2px;
border-style: solid;
border-radius: 30px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 0.9rem;
}
.site.design-kompozit .site-nav a,
.site.design-kompozit .bonus-row > a,
.site.design-kompozit .home-firm-go {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 8px 16px;
}
.site.design-kompozit .commerce-logo,
.site.design-kompozit .commerce-logo--compact {
aspect-ratio: 16 / 10;
object-fit: contain;
border-radius: 12px;
padding: 0.5rem;
border-width: 2px;
border-style: solid;
}
.site.design-kompozit .data-table-wrap {
border-width: 3px;
border-style: solid;
border-radius: 16px;
overflow: hidden;
margin: 2rem 0;
}
.site.design-kompozit table {
width: 100%;
border-collapse: collapse;
}
.site.design-kompozit th,
.site.design-kompozit td {
padding: 1.2rem 1rem;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-kompozit th {
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
}
@media (max-width: 720px) {
.site.design-kompozit h1,
.site.design-kompozit .site h1 {
font-size: clamp(1.8rem, 8vw, 2.4rem);
}
.site.design-kompozit .scored-card,
.site.design-kompozit .game-top-offers__list > *,
.site.design-kompozit .bonus-card-grid > * {
border-radius: 16px 4px;
padding: 1rem;
}
.site.design-kompozit .bonus-card-grid {
grid-template-columns: 1fr;
gap: 1.2rem;
}
}
/* --- tasarim-kontur.css --- */
.site.design-kontur h1,
.site.design-kontur .site h1 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: clamp(2.2rem, 5.5vw, 3.6rem);
font-weight: 900;
line-height: 1.15;
letter-spacing: -0.02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 1.5rem;
}
.site.design-kontur h2 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: clamp(1.6rem, 4vw, 2.2rem);
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.01em;
margin-top: 0;
margin-bottom: 1.25rem;
}
.site.design-kontur h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
font-size: clamp(1.25rem, 3vw, 1.6rem);
font-weight: 800;
line-height: 1.3;
margin-top: 0;
margin-bottom: 1rem;
}
.site.design-kontur .site-header,
.site.design-kontur .site-footer,
.site.design-kontur .section {
border-width: 4px;
border-style: solid;
border-radius: 24px;
padding: 2.5rem 1.5rem;
margin-bottom: 2rem;
box-shadow: none;
}
.site.design-kontur .scored-card,
.site.design-kontur .game-detail__block,
.site.design-kontur .first-fold-offer {
border-width: 3px;
border-style: solid;
border-radius: 20px;
padding: 2rem;
margin-bottom: 1.5rem;
box-shadow: none;
}
.site.design-kontur .commerce-cta,
.site.design-kontur .first-fold-offer__cta,
.site.design-kontur .scored-card__go,
.site.design-kontur .context-affiliate__cta,
.site.design-kontur .site-nav a,
.site.design-kontur .home-firm-go,
.site.design-kontur .text-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0.75rem 1.75rem;
border-width: 3px;
border-style: solid;
border-radius: 50px;
font-family: system-ui, sans-serif;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none;
box-shadow: none;
transition: transform 0.1s ease;
}
.site.design-kontur .commerce-cta:hover,
.site.design-kontur .first-fold-offer__cta:hover,
.site.design-kontur .scored-card__go:hover {
transform: scale(1.02);
}
.site.design-kontur .quick-firm-strip,
.site.design-kontur .gift-firm-strip,
.site.design-kontur .bonus-card-grid,
.site.design-kontur .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
width: 100%;
max-width: 100%;
min-width: 0;
padding: 0;
margin: 0;
}
.site.design-kontur .quick-firm-strip > *,
.site.design-kontur .gift-firm-strip > *,
.site.design-kontur .bonus-card-grid > *,
.site.design-kontur .game-top-offers__list > * {
flex: 1 1 260px;
max-width: 100%;
min-width: 0;
border-width: 3px;
border-style: solid;
border-radius: 16px;
padding: 1.25rem;
box-shadow: none;
}
.site.design-kontur table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-width: 3px;
border-style: solid;
border-radius: 16px;
overflow: hidden;
margin-bottom: 2rem;
}
.site.design-kontur th,
.site.design-kontur td {
padding: 1rem;
border-bottom-width: 2px;
border-bottom-style: solid;
border-right-width: 2px;
border-right-style: solid;
}
.site.design-kontur tr:last-child td {
border-bottom-width: 0;
}
.site.design-kontur th:last-child,
.site.design-kontur td:last-child {
border-right-width: 0;
}
.site.design-kontur .commerce-logo,
.site.design-kontur .commerce-logo--compact {
border-width: 3px;
border-style: solid;
border-radius: 12px;
aspect-ratio: 16 / 9;
object-fit: contain;
padding: 0.5rem;
}
.site.design-kontur .bonus-freshness,
.site.design-kontur .bonus-freshness--unverified,
.site.design-kontur .bonus-freshness--archive,
.site.design-kontur .bonus-freshness--verified-active {
display: inline-flex;
align-items: center;
padding: 0.25rem 0.75rem;
border-width: 2px;
border-style: solid;
border-radius: 30px;
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
}
.site.design-kontur .site-nav-shell,
.site.design-kontur .site-nav {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
padding: 0.5rem;
border-width: 3px;
border-style: solid;
border-radius: 40px;
}
@media (max-width: 720px) {
.site.design-kontur .site-header,
.site.design-kontur .site-footer,
.site.design-kontur .section {
border-radius: 18px;
padding: 1.5rem 1rem;
margin-bottom: 1.5rem;
}
.site.design-kontur .scored-card,
.site.design-kontur .game-detail__block,
.site.design-kontur .first-fold-offer {
border-radius: 14px;
padding: 1.25rem;
}
.site.design-kontur .quick-firm-strip > *,
.site.design-kontur .gift-firm-strip > *,
.site.design-kontur .bonus-card-grid > *,
.site.design-kontur .game-top-offers__list > * {
flex: 1 1 100%;
}
}
/* --- tasarim-minimal.css --- */
.site.design-minimal .site {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height: 1.625;
}
.site.design-minimal h1, .site.design-minimal .site h1 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: clamp(2.25rem, 6vw, 3.5rem);
font-weight: 300;
letter-spacing: -0.03em;
line-height: 1.15;
margin-top: 0;
margin-bottom: 2.5rem;
}
.site.design-minimal h2, .site.design-minimal .site h2 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: clamp(1.5rem, 4vw, 2rem);
font-weight: 400;
letter-spacing: -0.02em;
line-height: 1.25;
margin-top: 3.5rem;
margin-bottom: 1.5rem;
}
.site.design-minimal h3, .site.design-minimal .site h3 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: clamp(1.2rem, 3vw, 1.375rem);
font-weight: 400;
letter-spacing: -0.01em;
line-height: 1.3;
margin-top: 2rem;
margin-bottom: 1rem;
}
.site.design-minimal section, .site.design-minimal .section {
padding-top: clamp(4rem, 8vw, 8rem);
padding-bottom: clamp(4rem, 8vw, 8rem);
}
.site.design-minimal .section-head {
margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
.site.design-minimal .scored-card,
.site.design-minimal .bonus-card-grid > *,
.site.design-minimal .game-top-offers__list > *,
.site.design-minimal .first-fold-offer {
border-style: none;
box-shadow: none;
border-radius: 0;
padding: 3rem 0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-minimal .commerce-cta,
.site.design-minimal .first-fold-offer__cta,
.site.design-minimal .scored-card__go,
.site.design-minimal .context-affiliate__cta,
.site.design-minimal .home-firm-go,
.site.design-minimal .text-cta,
.site.design-minimal .game-top-offers__cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 2rem;
border-width: 1px;
border-style: solid;
border-radius: 0;
font-weight: 400;
letter-spacing: 0.08em;
text-transform: uppercase;
font-size: 0.8125rem;
box-shadow: none;
}
.site.design-minimal .site-nav {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.site.design-minimal .quick-firm-strip,
.site.design-minimal .gift-firm-strip,
.site.design-minimal .bonus-card-grid,
.site.design-minimal .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 3rem;
min-width: 0;
}
.site.design-minimal .quick-firm-strip > *,
.site.design-minimal .gift-firm-strip > *,
.site.design-minimal .bonus-card-grid > *,
.site.design-minimal .game-top-offers__list > * {
flex: 1 1 calc(50% - 1.5rem);
min-width: 0;
max-width: 100%;
}
.site.design-minimal table {
width: 100%;
border-collapse: collapse;
}
.site.design-minimal th,
.site.design-minimal td {
padding: 1.5rem 1rem;
border-bottom-width: 1px;
border-bottom-style: solid;
text-align: left;
}
.site.design-minimal th {
font-weight: 500;
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.site.design-minimal .eyebrow,
.site.design-minimal .section-kicker {
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.75rem;
font-weight: 500;
margin-bottom: 1rem;
display: block;
}
@media (max-width: 720px) {
.site.design-minimal .quick-firm-strip > *,
.site.design-minimal .gift-firm-strip > *,
.site.design-minimal .bonus-card-grid > *,
.site.design-minimal .game-top-offers__list > * {
flex: 1 1 100%;
}
.site.design-minimal section, .site.design-minimal .section {
padding-top: 3rem;
padding-bottom: 3rem;
}
.site.design-minimal h1, .site.design-minimal .site h1 {
margin-bottom: 1.5rem;
}
}
/* --- tasarim-ritim.css --- */
.site.design-ritim {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 1.6;
}
.site.design-ritim h1,
.site.design-ritim .site h1 {
font-size: clamp(2rem, 5.5vw, 3.5rem);
line-height: 1.1;
letter-spacing: -0.04em;
font-weight: 800;
margin-bottom: clamp(1.5rem, 4vw, 3rem);
}
.site.design-ritim h2 {
font-size: clamp(1.5rem, 3.5vw, 2.125rem);
line-height: 1.25;
letter-spacing: -0.02em;
font-weight: 700;
margin-top: clamp(3rem, 6vw, 6rem);
margin-bottom: 1.5rem;
}
.site.design-ritim h3 {
font-size: clamp(1.15rem, 2vw, 1.375rem);
line-height: 1.35;
letter-spacing: -0.01em;
font-weight: 600;
margin-bottom: 1rem;
}
.site.design-ritim section,
.site.design-ritim .section {
padding-top: clamp(4.5rem, 9vw, 8.5rem);
padding-bottom: clamp(4.5rem, 9vw, 8.5rem);
}
.site.design-ritim .section-head {
margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
.site.design-ritim .scored-card,
.site.design-ritim .game-top-offers__detail,
.site.design-ritim .first-fold-offer {
border-width: 1px;
border-style: solid;
border-radius: 24px;
padding: 16px;
box-shadow: 0 16px 32px -12px currentColor;
}
.site.design-ritim .scored-card__head {
gap: 12px;
margin-bottom: 16px;
}
.site.design-ritim .scored-card__axes {
display: grid;
gap: 8px;
padding: 12px;
border-width: 1px;
border-style: solid;
border-radius: 16px;
}
.site.design-ritim .commerce-cta,
.site.design-ritim .first-fold-offer__cta,
.site.design-ritim .game-top-offers__cta,
.site.design-ritim .context-affiliate__cta,
.site.design-ritim .home-firm-go,
.site.design-ritim .scored-card__go {
min-height: 48px;
padding: 12px 32px;
border-radius: 9999px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.8125rem;
border-width: 2px;
border-style: solid;
display: inline-flex;
align-items: center;
justify-content: center;
}
.site.design-ritim .text-cta {
min-height: 44px;
display: inline-flex;
align-items: center;
text-decoration: underline;
text-underline-offset: 4px;
font-weight: 600;
letter-spacing: 0.02em;
}
.site.design-ritim .commerce-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 12px;
}
.site.design-ritim .commerce-logo,
.site.design-ritim .commerce-logo--compact {
border-radius: 16px;
aspect-ratio: 16 / 10;
object-fit: contain;
padding: 12px;
border-width: 1px;
border-style: solid;
}
.site.design-ritim .bonus-card-grid,
.site.design-ritim .game-top-offers__list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
gap: 36px;
}
.site.design-ritim .quick-firm-strip,
.site.design-ritim .gift-firm-strip {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.site.design-ritim .quick-firm-strip > *,
.site.design-ritim .gift-firm-strip > *,
.site.design-ritim .bonus-card-grid > *,
.site.design-ritim .game-top-offers__list > * {
min-width: 0;
}
.site.design-ritim table {
border-collapse: collapse;
width: 100%;
}
.site.design-ritim th,
.site.design-ritim td {
padding: 10px 14px;
border-bottom-width: 1px;
border-bottom-style: solid;
font-size: 0.875rem;
}
.site.design-ritim .bonus-freshness,
.site.design-ritim .bonus-freshness--unverified,
.site.design-ritim .bonus-freshness--archive,
.site.design-ritim .bonus-freshness--verified-active {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 700;
padding: 4px 12px;
border-radius: 9999px;
border-width: 1px;
border-style: solid;
}
.site.design-ritim .site-nav a {
min-height: 44px;
display: inline-flex;
align-items: center;
padding: 0 16px;
font-weight: 500;
letter-spacing: -0.01em;
}
.site.design-ritim .site-header {
padding: 20px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-ritim .site-footer {
padding-top: clamp(4rem, 8vw, 7rem);
padding-bottom: clamp(4rem, 8vw, 7rem);
border-top-width: 4px;
border-top-style: double;
}
@media (max-width: 720px) {
.site.design-ritim h1,
.site.design-ritim .site h1 {
font-size: 1.875rem;
letter-spacing: -0.02em;
}
.site.design-ritim h2 {
font-size: 1.4rem;
margin-top: 2.75rem;
}
.site.design-ritim section,
.site.design-ritim .section {
padding-top: 2.75rem;
padding-bottom: 2.75rem;
}
.site.design-ritim .bonus-card-grid,
.site.design-ritim .game-top-offers__list {
grid-template-columns: 1fr;
gap: 24px;
}
}
/* --- tasarim-sade-tablo.css --- */
.site.design-sade-tablo {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, monospace;
font-size: 13px;
line-height: 1.45;
}
.site.design-sade-tablo h1,
.site.design-sade-tablo .site h1 {
font-size: clamp(1.6rem, 4vw, 2.2rem);
font-weight: 800;
letter-spacing: -0.03em;
text-transform: uppercase;
margin: 0 0 16px 0;
}
.site.design-sade-tablo h2 {
font-size: clamp(1.2rem, 3vw, 1.5rem);
font-weight: 700;
letter-spacing: -0.02em;
margin: 0 0 12px 0;
}
.site.design-sade-tablo h3 {
font-size: 1.1rem;
font-weight: 700;
letter-spacing: -0.01em;
}
.site.design-sade-tablo table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 24px;
}
.site.design-sade-tablo th {
padding: 8px 12px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 700;
border-bottom-width: 2px;
border-bottom-style: solid;
text-align: left;
}
.site.design-sade-tablo td {
padding: 10px 12px;
font-size: 12px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.site.design-sade-tablo tr:nth-child(even) td {
border-bottom-width: 1px;
border-bottom-style: double;
}
.site.design-sade-tablo .commerce-cta,
.site.design-sade-tablo .primary-cta,
.site.design-sade-tablo .secondary-cta,
.site.design-sade-tablo .first-fold-offer__cta,
.site.design-sade-tablo .game-top-offers__cta,
.site.design-sade-tablo .context-affiliate__cta,
.site.design-sade-tablo .sticky-serp-cta,
.site.design-sade-tablo .scored-card__go {
min-height: 44px;
padding: 12px 20px;
display: inline-flex;
align-items: center;
justify-content: center;
border-width: 1px;
border-style: solid;
border-radius: 0px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
box-shadow: none;
}
.site.design-sade-tablo .site-nav a,
.site.design-sade-tablo .bonus-row > a,
.site.design-sade-tablo .text-cta {
min-height: 44px;
padding: 10px 14px;
display: inline-flex;
align-items: center;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
}
.site.design-sade-tablo .quick-firm-strip,
.site.design-sade-tablo .gift-firm-strip,
.site.design-sade-tablo .bonus-card-grid,
.site.design-sade-tablo .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 1px;
border-width: 1px;
border-style: solid;
padding: 0;
}
.site.design-sade-tablo .quick-firm-strip > *,
.site.design-sade-tablo .gift-firm-strip > *,
.site.design-sade-tablo .bonus-card-grid > *,
.site.design-sade-tablo .game-top-offers__list > * {
flex: 1 1 220px;
min-width: 0;
max-width: 100%;
padding: 14px;
border-width: 0 1px 1px 0;
border-style: solid;
border-radius: 0px;
box-shadow: none;
}
.site.design-sade-tablo .scored-card,
.site.design-sade-tablo .commerce-profile,
.site.design-sade-tablo .game-detail__block {
border-width: 1px 0;
border-style: solid;
border-radius: 0px;
box-shadow: none;
padding: 16px 0;
margin-bottom: 16px;
}
.site.design-sade-tablo .scored-card {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 20px;
}
.site.design-sade-tablo .commerce-logo,
.site.design-sade-tablo .commerce-logo--compact {
aspect-ratio: 16 / 9;
object-fit: contain;
max-width: 120px;
border-width: 1px;
border-style: solid;
padding: 4px;
}
.site.design-sade-tablo .section,
.site.design-sade-tablo .content-shell {
padding: 24px 0;
border-bottom-width: 1px;
border-bottom-style: dashed;
}
@media (max-width: 720px) {
.site.design-sade-tablo .scored-card {
grid-template-columns: 1fr;
gap: 12px;
}
.site.design-sade-tablo .quick-firm-strip > *,
.site.design-sade-tablo .gift-firm-strip > *,
.site.design-sade-tablo .bonus-card-grid > *,
.site.design-sade-tablo .game-top-offers__list > * {
flex: 1 1 100%;
border-width: 0 0 1px 0;
}
}
/* --- tasarim-terminal.css --- */
.site.design-terminal *,
.site.design-terminal *::before,
.site.design-terminal *::after {
box-sizing: border-box;
}
.site.design-terminal h1,
.site.design-terminal .site h1 {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, Consolas, monospace;
font-size: clamp(1.8rem, 4.5vw, 2.8rem);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.03em;
text-transform: uppercase;
margin-bottom: 12px;
}
.site.design-terminal h2 {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, Consolas, monospace;
font-size: clamp(1.3rem, 3.5vw, 1.8rem);
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.02em;
text-transform: uppercase;
margin-bottom: 10px;
}
.site.design-terminal h3 {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, Consolas, monospace;
font-size: clamp(1.1rem, 2.5vw, 1.4rem);
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.01em;
text-transform: uppercase;
margin-bottom: 8px;
}
.site.design-terminal .section-kicker,
.site.design-terminal .eyebrow,
.site.design-terminal .commerce-profile__number,
.site.design-terminal .scored-card__rank,
.site.design-terminal .scored-card__score,
.site.design-terminal .bonus-freshness,
.site.design-terminal .commerce-tags {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, Consolas, monospace;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.site.design-terminal .primary-cta,
.site.design-terminal .secondary-cta,
.site.design-terminal .text-cta,
.site.design-terminal .commerce-cta,
.site.design-terminal .context-affiliate__cta,
.site.design-terminal .first-fold-offer__cta,
.site.design-terminal .scored-card__go,
.site.design-terminal .home-firm-go {
min-height: 44px;
padding: 10px 20px;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, Consolas, monospace;
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
border-width: 1px;
border-style: solid;
border-radius: 0px;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
}
.site.design-terminal .site-nav a,
.site.design-terminal .bonus-row > a {
min-height: 44px;
padding: 8px 14px;
display: inline-flex;
align-items: center;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, Consolas, monospace;
text-transform: uppercase;
font-size: 0.8rem;
letter-spacing: 0.04em;
}
.site.design-terminal .scored-card,
.site.design-terminal .commerce-profile,
.site.design-terminal .game-top-offers,
.site.design-terminal .first-fold-offer {
border-width: 1px;
border-style: solid;
border-radius: 0px;
padding: 14px;
box-shadow: 3px 3px 0 currentColor;
}
.site.design-terminal .quick-firm-strip,
.site.design-terminal .gift-firm-strip,
.site.design-terminal .bonus-card-grid,
.site.design-terminal .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 8px;
width: 100%;
max-width: 100%;
}
.site.design-terminal .quick-firm-strip > *,
.site.design-terminal .gift-firm-strip > *,
.site.design-terminal .bonus-card-grid > *,
.site.design-terminal .game-top-offers__list > * {
flex: 1 1 calc(25% - 8px);
min-width: 0;
}
.site.design-terminal table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.site.design-terminal th,
.site.design-terminal td {
border-width: 1px;
border-style: solid;
padding: 8px 12px;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, Consolas, monospace;
font-size: 0.8rem;
text-align: left;
}
.site.design-terminal .site-header {
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 8px 0;
}
.site.design-terminal .site-footer {
border-top-width: 1px;
border-top-style: solid;
padding: 24px 0;
margin-top: 32px;
}
.site.design-terminal .commerce-logo,
.site.design-terminal .commerce-logo--compact {
border-width: 1px;
border-style: solid;
border-radius: 0px;
padding: 4px;
aspect-ratio: 16 / 10;
object-fit: contain;
}
.site.design-terminal .section {
padding: 32px 0;
}
.site.design-terminal .section-head {
margin-bottom: 18px;
border-bottom-width: 1px;
border-bottom-style: dashed;
padding-bottom: 8px;
}
@media (max-width: 720px) {
.site.design-terminal h1,
.site.design-terminal .site h1 {
font-size: 1.6rem;
}
.site.design-terminal .quick-firm-strip > *,
.site.design-terminal .gift-firm-strip > *,
.site.design-terminal .bonus-card-grid > *,
.site.design-terminal .game-top-offers__list > * {
flex: 1 1 100%;
}
.site.design-terminal .section {
padding: 20px 0;
}
}
/* --- tasarim-vitrin.css --- */
.site.design-vitrin h1,
.site.design-vitrin .site h1 {
font-family: system-ui, -apple-system, sans-serif;
font-size: clamp(1.75rem, 4.5vw, 2.5rem);
font-weight: 800;
line-height: 1.15;
letter-spacing: -0.03em;
margin-bottom: 1rem;
}
.site.design-vitrin h2 {
font-family: system-ui, -apple-system, sans-serif;
font-size: clamp(1.35rem, 3.5vw, 1.8rem);
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.01em;
margin-top: 2rem;
margin-bottom: 0.75rem;
}
.site.design-vitrin h3 {
font-family: system-ui, -apple-system, sans-serif;
font-size: clamp(1.05rem, 2.5vw, 1.25rem);
font-weight: 600;
line-height: 1.3;
margin-bottom: 0.5rem;
}
.site.design-vitrin .section {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
}
.site.design-vitrin .section-head {
margin-bottom: 3.5rem;
text-align: center;
}
.site.design-vitrin .section-kicker {
font-family: system-ui, -apple-system, sans-serif;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
margin-bottom: 0.5rem;
display: inline-block;
}
.site.design-vitrin .quick-firm-strip,
.site.design-vitrin .gift-firm-strip,
.site.design-vitrin .bonus-card-grid,
.site.design-vitrin .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 1.75rem;
padding: 0.25rem;
}
.site.design-vitrin .quick-firm-strip *,
.site.design-vitrin .gift-firm-strip *,
.site.design-vitrin .bonus-card-grid *,
.site.design-vitrin .game-top-offers__list * {
min-width: 0;
flex-shrink: 1;
}
.site.design-vitrin .scored-card {
border-width: 1px;
border-style: solid;
border-radius: 16px;
padding: 1.25rem;
display: flex;
flex-direction: column;
gap: 1.25rem;
box-shadow: 0 10px 30px -12px currentColor;
transition: transform 0.25s ease;
}
.site.design-vitrin .scored-card:hover {
transform: translateY(-4px);
}
.site.design-vitrin .scored-card__head {
aspect-ratio: 16 / 9;
width: 100%;
border-radius: 10px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
order: 1;
}
.site.design-vitrin .commerce-logo {
aspect-ratio: 16 / 9;
width: 100%;
max-width: 100%;
object-fit: contain;
padding: 1.5rem;
}
.site.design-vitrin .scored-card__detail {
order: 2;
margin-top: 0.25rem;
}
.site.design-vitrin .scored-card__detail h3 {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.04em;
font-weight: 700;
}
.site.design-vitrin .scored-card__actions {
order: 3;
margin-top: auto;
}
.site.design-vitrin .commerce-cta,
.site.design-vitrin .first-fold-offer__cta,
.site.design-vitrin .scored-card__go,
.site.design-vitrin .context-affiliate__cta {
min-height: 48px;
padding: 0.8rem 1.75rem;
border-radius: 9999px;
font-family: system-ui, -apple-system, sans-serif;
font-size: 0.8rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.1em;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
border-width: 2px;
border-style: solid;
transition: opacity 0.2s ease;
}
.site.design-vitrin .site-nav a,
.site.design-vitrin .game-detail__links a,
.site.design-vitrin .register-row a {
min-height: 44px;
display: inline-flex;
align-items: center;
padding: 0.5rem 1.25rem;
font-weight: 600;
font-size: 0.85rem;
letter-spacing: 0.02em;
}
.site.design-vitrin .commerce-profile {
display: flex;
flex-direction: column;
gap: 0.75rem;
align-items: center;
text-align: center;
}
.site.design-vitrin .commerce-profile__number {
font-size: 1.5rem;
font-weight: 800;
letter-spacing: -0.02em;
}
@media (max-width: 720px) {
.site.design-vitrin h1,
.site.design-vitrin .site h1 {
font-size: 1.85rem;
}
.site.design-vitrin .section {
padding-top: 3rem;
padding-bottom: 3rem;
}
.site.design-vitrin .quick-firm-strip,
.site.design-vitrin .gift-firm-strip,
.site.design-vitrin .bonus-card-grid {
gap: 1.25rem;
}
.site.design-vitrin .commerce-cta,
.site.design-vitrin .scored-card__go {
width: 100%;
}
}
/* --- tasarim-yumusak.css --- */
.site.design-yumusak h1,
.site.design-yumusak .site h1,
.site.design-yumusak h2,
.site.design-yumusak h3,
.site.design-yumusak .brand,
.site.design-yumusak .section-head {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
letter-spacing: -0.015em;
}
.site.design-yumusak h1,
.site.design-yumusak .site h1 {
font-size: clamp(1.85rem, 5vw, 2.4rem);
font-weight: 600;
line-height: 1.25;
}
.site.design-yumusak h2 {
font-size: clamp(1.45rem, 3.5vw, 1.8rem);
font-weight: 600;
line-height: 1.3;
}
.site.design-yumusak h3 {
font-size: clamp(1.15rem, 2.5vw, 1.35rem);
font-weight: 500;
line-height: 1.35;
}
.site.design-yumusak section,
.site.design-yumusak .section {
padding-top: clamp(2.5rem, 6vw, 4rem);
padding-bottom: clamp(2.5rem, 6vw, 4rem);
}
.site.design-yumusak .section-head {
margin-bottom: 2.25rem;
}
.site.design-yumusak .scored-card,
.site.design-yumusak .game-detail__block,
.site.design-yumusak .first-fold-offer {
border-radius: 16px;
border-width: 1px;
border-style: solid;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02);
padding: 24px;
}
.site.design-yumusak .scored-card::after,
.site.design-yumusak .first-fold-offer::after,
.site.design-yumusak .game-detail__block::after {
content: none;
display: none;
}
.site.design-yumusak .commerce-cta,
.site.design-yumusak .first-fold-offer__cta,
.site.design-yumusak .scored-card__go,
.site.design-yumusak .context-affiliate__cta,
.site.design-yumusak .game-top-offers__cta {
min-height: 48px;
padding: 12px 28px;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
letter-spacing: 0;
text-transform: none;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}
.site.design-yumusak .text-cta,
.site.design-yumusak .scored-card__detail,
.site.design-yumusak .site-nav a,
.site.design-yumusak .game-detail__links a {
min-height: 44px;
display: inline-flex;
align-items: center;
padding: 8px 18px;
border-radius: 12px;
text-decoration: none;
}
.site.design-yumusak .bonus-card-grid,
.site.design-yumusak .game-top-offers__list,
.site.design-yumusak .quick-firm-strip,
.site.design-yumusak .gift-firm-strip {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.site.design-yumusak .bonus-card-grid > *,
.site.design-yumusak .game-top-offers__list > *,
.site.design-yumusak .quick-firm-strip > *,
.site.design-yumusak .gift-firm-strip > * {
flex: 1 1 260px;
min-width: 0;
max-width: 100%;
}
.site.design-yumusak .commerce-logo,
.site.design-yumusak .commerce-logo--compact {
border-radius: 12px;
padding: 8px;
aspect-ratio: 16 / 9;
object-fit: contain;
}
.site.design-yumusak .bonus-freshness,
.site.design-yumusak .commerce-tags span {
border-radius: 20px;
padding: 6px 14px;
font-size: 0.85rem;
}
.site.design-yumusak .site-header {
border-bottom-width: 1px;
border-bottom-style: solid;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}
.site.design-yumusak .site-header__inner {
padding: 16px 24px;
}
.site.design-yumusak .data-table-wrap {
border-radius: 14px;
border-width: 1px;
border-style: solid;
overflow: hidden;
}
.site.design-yumusak table {
border-collapse: collapse;
}
.site.design-yumusak th,
.site.design-yumusak td {
padding: 18px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
@media (max-width: 720px) {
.site.design-yumusak h1,
.site.design-yumusak .site h1 {
font-size: clamp(1.4rem, 6vw, 1.75rem);
}
.site.design-yumusak section,
.site.design-yumusak .section {
padding-top: 2rem;
padding-bottom: 2rem;
}
.site.design-yumusak .scored-card,
.site.design-yumusak .game-detail__block {
padding: 16px;
border-radius: 12px;
}
.site.design-yumusak .bonus-card-grid > *,
.site.design-yumusak .game-top-offers__list > * {
flex: 1 1 100%;
}
}
/* --- tasarim-yuvarlak.css --- */
.site.design-yuvarlak {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 1.6;
}
.site.design-yuvarlak h1,
.site.design-yuvarlak .site h1 {
font-size: clamp(2.2rem, 5.5vw, 3.4rem);
font-weight: 850;
letter-spacing: -0.03em;
line-height: 1.15;
}
.site.design-yuvarlak h2 {
font-size: clamp(1.7rem, 4.5vw, 2.3rem);
font-weight: 800;
letter-spacing: -0.02em;
}
.site.design-yuvarlak h3 {
font-size: clamp(1.3rem, 3vw, 1.65rem);
font-weight: 700;
letter-spacing: -0.01em;
}
.site.design-yuvarlak .scored-card,
.site.design-yuvarlak .game-detail__block,
.site.design-yuvarlak .first-fold-offer,
.site.design-yuvarlak .commerce-profile {
border-radius: 36px;
border-width: 3px;
border-style: solid;
padding: 36px;
box-shadow: 0 16px 40px -12px currentColor;
}
.site.design-yuvarlak .commerce-cta,
.site.design-yuvarlak .first-fold-offer__cta,
.site.design-yuvarlak .scored-card__go,
.site.design-yuvarlak .context-affiliate__cta,
.site.design-yuvarlak .sticky-serp-cta,
.site.design-yuvarlak .game-top-offers__cta {
border-radius: 120px;
min-height: 52px;
padding: 12px 36px;
font-weight: 800;
text-transform: none;
letter-spacing: 0.03em;
border-width: 2.5px;
border-style: solid;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
}
.site.design-yuvarlak .commerce-logo,
.site.design-yuvarlak .commerce-logo--compact,
.site.design-yuvarlak .scored-card__rank,
.site.design-yuvarlak .commerce-profile__number {
border-radius: 50%; /* wait, rule 3 says " kullanma" - removing */
}
.site.design-yuvarlak .commerce-logo,
.site.design-yuvarlak .commerce-logo--compact,
.site.design-yuvarlak .scored-card__rank,
.site.design-yuvarlak .commerce-profile__number {
border-radius: 50%;
aspect-ratio: 1 / 1;
border-width: 3px;
border-style: solid;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.site.design-yuvarlak .bonus-freshness,
.site.design-yuvarlak .bonus-freshness--unverified,
.site.design-yuvarlak .bonus-freshness--archive,
.site.design-yuvarlak .bonus-freshness--verified-active,
.site.design-yuvarlak .commerce-table__verified,
.site.design-yuvarlak .commerce-profile__verified,
.site.design-yuvarlak .commerce-tags {
border-radius: 60px;
padding: 8px 18px;
border-width: 2px;
border-style: solid;
display: inline-flex;
align-items: center;
font-size: 0.85rem;
font-weight: 700;
}
.site.design-yuvarlak .quick-firm-strip,
.site.design-yuvarlak .gift-firm-strip,
.site.design-yuvarlak .bonus-card-grid,
.site.design-yuvarlak .game-top-offers__list {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.site.design-yuvarlak .quick-firm-strip > *,
.site.design-yuvarlak .gift-firm-strip > *,
.site.design-yuvarlak .bonus-card-grid > *,
.site.design-yuvarlak .game-top-offers__list > * {
flex: 1 1 250px;
min-width: 0;
max-width: 100%;
}
.site.design-yuvarlak .site-nav,
.site.design-yuvarlak .text-cta,
.site.design-yuvarlak .register-row,
.site.design-yuvarlak .home-firm-go {
min-height: 46px;
display: inline-flex;
align-items: center;
padding: 8px 24px;
border-radius: 80px;
}
.site.design-yuvarlak .section {
padding: 80px 32px;
margin-bottom: 56px;
border-radius: 48px;
border-width: 3px;
border-style: solid;
}
.site.design-yuvarlak .section-head {
margin-bottom: 40px;
text-align: center;
}
.site.design-yuvarlak table {
border-collapse: separate;
border-spacing: 0 16px;
width: 100%;
}
.site.design-yuvarlak tr {
border-radius: 24px;
}
.site.design-yuvarlak th,
.site.design-yuvarlak td {
padding: 18px 24px;
border-style: solid;
border-width: 3px 0;
}
.site.design-yuvarlak td:first-child,
.site.design-yuvarlak th:first-child {
border-left-width: 3px;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
.site.design-yuvarlak td:last-child,
.site.design-yuvarlak th:last-child {
border-right-width: 3px;
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
@media (max-width: 720px) {
.site.design-yuvarlak h1,
.site.design-yuvarlak .site h1 {
font-size: clamp(1.8rem, 7vw, 2.2rem);
}
.site.design-yuvarlak .section {
padding: 40px 20px;
border-radius: 32px;
}
.site.design-yuvarlak .scored-card,
.site.design-yuvarlak .first-fold-offer {
padding: 24px;
border-radius: 28px;
}
}