/* PiyasaLab ana sayfa stilleri — birleşik render-blocking bundle. Kaynak parçalar build sırasında birleştirilir. */ /* Ana sayfa: editoryal dizin düzeni. Diğer sayfaların yüzeylerine dokunmaz. */ .home-main .home-hero h1,.home-main .home-lead{transition:opacity .22s ease,transform .22s ease}.home-main .home-hero h1.is-swapping,.home-main .home-lead.is-swapping{opacity:.08;transform:translateY(3px)} .home-main .home-hero{width:min(calc(100% - (2 * var(--piyasalab-page-gutter))),var(--piyasalab-content-wide));margin:0 auto;padding:clamp(3rem,6vw,5rem) 0 2rem;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:end;gap:clamp(2rem,5vw,4rem);text-align:left}.home-main .home-hero-copy{width:auto;max-width:none;padding-right:0;display:block;align-items:initial}.home-main .home-hero h1{max-width:15ch;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.055em;font-weight:500;text-wrap:balance}.home-main .home-title-accent{display:inline;background:none;color:var(--piyasalab-accent,#4f46e5);-webkit-text-fill-color:currentColor}.home-main .home-lead{max-width:31rem;margin:0 0 .125rem;font-size:clamp(.98rem,1.35vw,1.08rem);line-height:1.68;text-align:left;color:var(--piyasalab-muted,#64748b)}.dark .home-main .home-lead{color:var(--piyasalab-muted,#94a3b8)}.home-main .home-search-wrap{width:min(100%,39rem);margin:1.75rem 0 0}.home-main .home-products{width:min(calc(100% - (2 * var(--piyasalab-page-gutter))),var(--piyasalab-content-wide));margin:0 auto var(--piyasalab-section-gap)}.home-main .home-directory-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.625rem}.home-main .home-directory-heading h2{margin:0;color:var(--piyasalab-text-strong,#17213d);font-size:.8125rem;font-weight:600;letter-spacing:-.01em}.home-main .home-directory-heading p{margin:0;color:var(--piyasalab-muted,#8d97b0);font-size:.6875rem}.home-main .home-directory{width:100%;margin-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--piyasalab-border,#dbe1ef);border-bottom:1px solid var(--piyasalab-border,#dbe1ef)}.home-main .home-directory .home-product{display:block;min-height:7.25rem;padding:1rem 1.125rem .9375rem 0;border:0;border-radius:0;background:transparent!important;color:inherit;text-align:left;text-decoration:none;box-shadow:none!important;transition:color .16s}.home-main .home-directory .home-product:nth-child(n+4){border-top:1px solid var(--piyasalab-border,#dbe1ef)}.home-main .home-directory .home-product:not(:nth-child(3n+1)){padding-left:1.125rem;border-left:1px solid var(--piyasalab-border,#dbe1ef)}.home-main .home-directory .home-product:hover{transform:none;border-color:var(--piyasalab-border,#dbe1ef);box-shadow:none!important;color:var(--piyasalab-accent,#4f46e5)}.home-main .home-directory-entry-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.home-main .home-directory .home-product strong{font-size:.8125rem;font-weight:600;letter-spacing:-.01em}.home-main .home-directory-arrow{color:var(--piyasalab-accent,#4f46e5);font-size:.9375rem;line-height:1}.home-main .home-directory .home-product small{display:block;max-width:15rem;margin-top:.5rem;color:var(--piyasalab-muted,#66718e);font-size:.6875rem;line-height:1.5}.dark .home-main .home-directory .home-product small{color:var(--piyasalab-muted,#94a3b8)}.home-main .home-directory .home-product:focus-visible{outline:2px solid rgba(99,102,241,.58);outline-offset:-2px}@media (max-width:1099px){.home-main .home-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.home-main .home-directory .home-product:nth-child(n+4),.home-main .home-directory .home-product:nth-child(3){border-top:1px solid var(--piyasalab-border,#dbe1ef)}.home-main .home-directory .home-product:not(:nth-child(3n+1)){padding-left:0;border-left:0}.home-main .home-directory .home-product:nth-child(even){padding-left:1.125rem;border-left:1px solid var(--piyasalab-border,#dbe1ef)}.home-main .home-directory .home-product:nth-child(odd){padding-right:1.125rem}}@media (max-width:1023px){.home-main .home-hero{grid-template-columns:1fr;gap:1.5rem}.home-main .home-hero h1{max-width:16ch}.home-main .home-lead{max-width:39rem}}@media (max-width:767px){.home-main .home-hero{padding-top:1.5rem;padding-bottom:1.75rem}.home-main .home-hero h1{font-size:clamp(2.25rem,10.6vw,3.2rem);line-height:.99;letter-spacing:-.048em}.home-main .home-lead{line-height:1.62}.home-main .home-products{margin-bottom:1.5rem}.home-main .home-directory-heading{display:block}.home-main .home-directory-heading p{margin-top:.25rem}.home-main .home-directory{display:block}.home-main .home-directory .home-product,.home-main .home-directory .home-product:nth-child(n+4),.home-main .home-directory .home-product:nth-child(even),.home-main .home-directory .home-product:nth-child(odd){min-height:0;padding:.875rem 0;border-top:1px solid var(--piyasalab-border,#dbe1ef);border-left:0}.home-main .home-directory .home-product:first-child{border-top:0}.home-main .home-directory .home-product small{max-width:none}} /* v3.66.21 — iki satırlı başlık, daha sıkı ve geleneksel sayfa ritmi. */ .home-main .home-hero{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(24rem,.92fr)!important;grid-template-rows:1fr!important;min-height:clamp(27rem,45vh,34rem)!important;align-items:center!important;gap:clamp(3rem,7vw,8rem)!important} .home-main .home-hero-copy{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important} .home-main .home-hero-meta{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;min-width:0!important;min-height:14rem!important;padding:0 0 0 clamp(1rem,3vw,3.5rem)!important} .home-main .home-headline-stage{display:flex;align-items:center;height:10.5rem;min-height:10.5rem;overflow:hidden} .home-main .home-hero h1{max-width:none!important;margin:0!important;font-size:clamp(3rem,5.35vw,5.45rem)!important;line-height:.97!important;font-weight:600!important;letter-spacing:-.055em!important;text-wrap:nowrap} .home-main .home-title-line{display:block!important;white-space:nowrap!important} .home-main .home-title-accent{position:relative!important;isolation:isolate!important;display:inline-block!important;padding:0 .06em .035em!important;background:none!important;color:#111827!important;-webkit-text-fill-color:#111827!important;box-decoration-break:clone!important;-webkit-box-decoration-break:clone!important} .home-main .home-title-accent::before,.home-main .home-title-accent::after{content:"";position:absolute;z-index:-1;pointer-events:none;height:.43em;border-radius:0} .home-main .home-title-accent::before{top:.22em;left:.06em;width:calc(100% + .02em);background:rgba(129,117,255,.35)} .home-main .home-title-accent::after{top:.65em;left:0;width:calc(100% + .12em);background:rgba(129,117,255,.50)} .dark .home-main .home-title-accent{background:none!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important} .dark .home-main .home-title-accent::before{background:rgba(129,117,255,.35)} .dark .home-main .home-title-accent::after{background:rgba(129,117,255,.48)} .home-main .home-lead-stage{display:flex;align-items:center;min-height:10rem;max-width:30rem;overflow:hidden} .home-main .home-lead{max-width:29rem!important;margin:0!important;font-size:clamp(1.1rem,1.65vw,1.38rem)!important;line-height:1.62!important} .home-main .home-hero h1,.home-main .home-lead{transition:transform .72s cubic-bezier(.22,.61,.36,1),opacity .72s ease!important} .home-main .home-hero h1.is-swapping,.home-main .home-lead.is-swapping{opacity:0!important;transform:translate3d(-16%,0,0)!important} .home-main .home-hero h1.is-entering,.home-main .home-lead.is-entering{opacity:0!important;transform:translate3d(16%,0,0)!important} @media (max-width:1023px){ .home-main .home-hero{grid-template-columns:1fr!important;grid-template-rows:auto!important;min-height:0!important;gap:1.5rem!important;align-items:start!important} .home-main .home-hero-copy,.home-main .home-hero-meta{grid-column:1!important;grid-row:auto!important} .home-main .home-hero-meta{min-height:0!important;padding:0!important} .home-main .home-headline-stage{height:10.5rem;min-height:10.5rem} } @media (max-width:767px){ .home-main .home-headline-stage{height:8.5rem;min-height:8.5rem;align-items:flex-start} .home-main .home-hero h1{max-width:none!important;font-size:clamp(2.05rem,9.2vw,3.25rem)!important;line-height:.98!important;font-weight:600!important} .home-main .home-hero-meta{margin-top:1.25rem} .home-main .home-lead-stage{min-height:7rem} .home-main .home-lead{font-size:1rem!important;line-height:1.62!important} } /* v3.66.34 — ana sayfa mobil footer linklerinde daha sıkı ritim. */ @media (max-width:640px){ .home-main #footer nav[aria-label="Footer"]{gap:0!important} .home-main #footer nav[aria-label="Footer"]>a{height:2.15rem!important;min-height:2.15rem!important;padding-block:0!important;line-height:1.25!important} } /* v3.66.36 — mobil footer linklerini eşit yükseklikte tek bir ritme bağla. */ @media (max-width:640px){ .home-main #footer nav[aria-label="Footer"]{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-auto-rows:2.15rem!important; row-gap:0!important; align-items:center!important; justify-items:start!important; width:100%!important; } .home-main #footer nav[aria-label="Footer"]>a, .home-main #footer nav[aria-label="Footer"]>.footer-email{ display:flex!important; align-items:center!important; align-self:stretch!important; height:2.15rem!important; min-height:2.15rem!important; padding:0!important; line-height:1.25!important; } .home-main #footer nav[aria-label="Footer"]>.footer-email{ gap:.5rem!important; } .home-main #footer nav[aria-label="Footer"]>.footer-email>a{ display:inline-flex!important; align-items:center!important; height:100%!important; min-height:0!important; padding:0!important; line-height:1.25!important; } .home-main #footer nav[aria-label="Footer"] .footer-copy{ align-self:center!important; flex:0 0 1.65rem!important; width:1.65rem!important; height:1.65rem!important; min-width:1.65rem!important; min-height:1.65rem!important; margin:0!important; } } @media (prefers-reduced-motion:reduce){.home-main .home-hero h1,.home-main .home-lead{transition:none!important}} /* v3.66.20 — kutu yok; klasik masthead, yalnızca iki yatay kural. */ .home-main .home-hero-window{width:min(calc(100% - (2 * var(--piyasalab-page-gutter))),var(--piyasalab-content-wide));margin:0 auto;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .home-main .home-hero-window .home-hero{width:100%;margin:0;padding-inline:0;border-top:0!important;border-bottom:0!important} .home-main .home-products{margin-top:clamp(1.75rem,3vw,2.75rem)!important} .home-main .home-search{border-radius:.3rem!important;box-shadow:none!important} .home-main .home-search button{border-radius:.2rem!important} .home-main .home-directory-heading{display:none!important} .home-main .home-directory{display:flex!important;flex-wrap:wrap;grid-template-columns:none!important;border:0!important} .home-main .home-directory .home-product,.home-main .home-directory .home-product:nth-child(n+4),.home-main .home-directory .home-product:nth-child(even),.home-main .home-directory .home-product:nth-child(odd){flex:1 1 33.333%;min-height:0!important;padding:1rem 1.25rem 1rem 0!important;border:0!important;border-top:1px solid var(--piyasalab-border,#dbe1ef)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .home-main .home-directory .home-product:nth-child(-n+3){border-top:0!important} .home-main .home-directory .home-product:not(:nth-child(3n+1)){padding-left:1.25rem!important} .home-main .home-directory .home-product:hover{transform:none!important;border-color:var(--piyasalab-border,#dbe1ef)!important;box-shadow:none!important;background:transparent!important} .home-main .home-directory .home-product small{max-width:18rem} @media (max-width:1023px){.home-main .home-hero-window .home-hero{padding-inline:0}} @media (max-width:767px){.home-main .home-hero-window{width:min(calc(100% - (2 * var(--piyasalab-page-gutter))),var(--piyasalab-content-wide))}.home-main .home-hero-window .home-hero{padding-inline:0}.home-main .home-directory .home-product,.home-main .home-directory .home-product:nth-child(n+4),.home-main .home-directory .home-product:nth-child(even),.home-main .home-directory .home-product:nth-child(odd){flex-basis:100%;padding:1rem 0!important;border-top:1px solid var(--piyasalab-border,#dbe1ef)!important}.home-main .home-directory .home-product:first-child{border-top:0!important}} /* v3.66.23 — soldan sağa akan üç kolonlu hero, endeks şeridi ve gerçek dizin çizgileri. */ .home-main .home-hero{display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(15rem,.82fr) minmax(18rem,.9fr)!important;grid-template-rows:1fr!important;min-height:clamp(25rem,40vh,32rem)!important;align-items:stretch!important;gap:0!important;padding:clamp(2.25rem,4vw,3.75rem) 0!important} .home-main .home-hero-copy{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;padding:0 clamp(2rem,4vw,4.5rem) 0 0!important} .home-main .home-hero-meta,.home-main .home-hero-search{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;min-height:0!important;border-left:1px solid var(--piyasalab-border,#dbe1ef)!important;padding:0 clamp(1.5rem,3vw,3rem)!important} .home-main .home-hero-meta{grid-column:2!important;grid-row:1!important} .home-main .home-hero-search{grid-column:3!important;grid-row:1!important} .home-main .home-headline-stage{height:10rem!important;min-height:10rem!important;align-items:center!important} .home-main .home-hero h1{font-size:clamp(2.8rem,4.8vw,5rem)!important;line-height:.98!important;letter-spacing:-.06em!important} .home-main .home-hero h1.is-swapping,.home-main .home-lead.is-swapping{transform:translate3d(12%,0,0)!important} .home-main .home-hero h1.is-entering,.home-main .home-lead.is-entering{transform:translate3d(-12%,0,0)!important} .home-main .home-lead-stage{min-height:0!important;max-width:28rem!important} .home-main .home-lead{font-size:clamp(1rem,1.35vw,1.2rem)!important;line-height:1.58!important} .home-main .home-search-label{display:block!important;color:var(--piyasalab-muted,#64748b);font-size:.7rem;font-weight:700;letter-spacing:.045em} .home-main .home-search-wrap{width:100%!important;margin:.7rem 0 0!important} .home-main .home-search{min-height:3.2rem!important;border-radius:0!important;background:transparent!important} .home-main .home-search button{border-radius:0!important;padding-inline:1rem!important} .home-main .home-index-ticker{width:min(calc(100% - (2 * var(--piyasalab-page-gutter))),var(--piyasalab-content-wide));margin:0 auto;border:0!important;border-top:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;overflow:hidden} .home-main .home-index-ticker-viewport{overflow:hidden} .home-main .home-index-ticker-track{display:flex;width:max-content;min-height:3.25rem;animation:home-index-marquee 36s linear infinite;will-change:transform} .home-main .home-index-ticker-track:hover{animation-play-state:paused} .home-main .home-index-ticker-track.is-static{animation:none} .home-main .home-index-ticker-item{display:inline-flex;align-items:center;gap:.55rem;min-width:clamp(12rem,16vw,15rem);padding:0 1.25rem;border-right:1px solid var(--piyasalab-border,#dbe1ef);white-space:nowrap;color:var(--piyasalab-text-strong,#17213d);font-size:.8rem} .home-main .home-index-ticker-label{color:var(--piyasalab-muted,#64748b);font-weight:600} .home-main .home-index-ticker-item strong{font-variant-numeric:tabular-nums;font-weight:700} .home-main .home-index-ticker-change{font-size:.7rem;font-weight:700;font-variant-numeric:tabular-nums} .home-main .home-index-ticker-change.is-positive{color:#059669}.home-main .home-index-ticker-change.is-negative{color:#e11d48} @keyframes home-index-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}} .home-main .home-directory{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;flex-wrap:initial!important} .home-main .home-directory .home-product{flex:none!important;min-width:0!important;border-left:0!important;border-top:1px solid var(--piyasalab-border,#dbe1ef)!important} .home-main .home-directory .home-product{padding:1.15rem 1.5rem 1.15rem 1.5rem!important} /* v3.70.46 — TABLET HİZA DÜZELTMESİ. * Aşağıdaki üç kural 3 KOLONLU düzenin geometrisidir (3n, 3n+1) ama medya * sorgusu YOKTU; bu yüzden 2 kolonlu tablet kırılımında da uygulanıyor ve * oradaki (odd/even) kurallarıyla çakışıyordu. Sonuç, 768–1023px'te: * • 3. kart (Fonlar) → 3n eşleşir → padding-right:0 + odd → padding-left:0 * • 4. kart (Portföy) → 3n+1 eşleşir → padding-left:0 + even → padding-right:0 * yani bu iki kartın İKİ YANI DA sıfır kalıyor: başlık ve ok dikey ayraca * yapışıyordu (ölçüldü: Fonlar başlığı ayraçtan 1px, oku 0px uzakta). * • 3. ve 5. kart (sol kolon) :not(:nth-child(3n+1)) ile eşleştiği için * ızgaranın SOL kenarında yersiz bir dikey çizgi çiziliyordu. * Kurallar artık yalnızca gerçekten 3 kolon olan genişliklerde geçerli. */ @media (min-width:1024px){ .home-main .home-directory .home-product:nth-child(-n+3){border-top:0!important} .home-main .home-directory .home-product:not(:nth-child(3n+1)){border-left:1px solid var(--piyasalab-border,#dbe1ef)!important} .home-main .home-directory .home-product:nth-child(3n+1){padding-left:0!important} .home-main .home-directory .home-product:nth-child(3n){padding-right:0!important} } @media (max-width:1023px){ .home-main .home-hero{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto!important;min-height:0!important;gap:0!important} .home-main .home-hero-copy{grid-column:1/-1!important;grid-row:1!important;padding:0 0 2rem!important} .home-main .home-hero-meta{grid-column:1!important;grid-row:2!important;padding-left:0!important} .home-main .home-hero-search{grid-column:2!important;grid-row:2!important} .home-main .home-directory{grid-template-columns:repeat(2,minmax(0,1fr))!important} .home-main .home-directory .home-product{border-left:0!important;padding:1.1rem 1.25rem!important} .home-main .home-directory .home-product:nth-child(-n+2){border-top:0!important} .home-main .home-directory .home-product:nth-child(n+3){border-top:1px solid var(--piyasalab-border,#dbe1ef)!important} .home-main .home-directory .home-product:nth-child(even){border-left:1px solid var(--piyasalab-border,#dbe1ef)!important} /* v3.70.46 — 2 kolonlu düzende yatay iç boşluk EKSİKSİZ tanımlanır. * Önceden yalnızca "sıfırlanan" kenar yazılıyor, diğer kenar alt katmanlara * bırakılıyordu; app-*.css'teki eski kurallardan biri 4. kartın (Portföy) * sol boşluğunu da sıfırlıyor ve başlığı dikey ayraca yapıştırıyordu. * Artık her iki kenar da burada, tek yerde belirleniyor. */ .home-main .home-directory .home-product:nth-child(odd){padding-left:0!important;padding-right:1.25rem!important} .home-main .home-directory .home-product:nth-child(even){padding-left:1.25rem!important;padding-right:0!important} } @media (max-width:767px){ .home-main .home-hero{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important} .home-main .home-hero-copy{grid-column:1!important;grid-row:1!important;padding:0 0 1.75rem!important} .home-main .home-hero-meta,.home-main .home-hero-search{grid-column:1!important;padding:1.35rem 0 0!important;border-left:0!important;border-top:1px solid var(--piyasalab-border,#dbe1ef)!important} .home-main .home-hero-meta{grid-row:2!important} .home-main .home-hero-search{grid-row:3!important;padding-bottom:.25rem!important} .home-main .home-headline-stage{height:8.5rem!important;min-height:8.5rem!important;align-items:flex-start!important} .home-main .home-hero h1{font-size:clamp(2.25rem,10.2vw,3.25rem)!important} .home-main .home-index-ticker-item{min-width:12rem;padding-inline:1rem} .home-main .home-directory{grid-template-columns:1fr!important} .home-main .home-directory .home-product,.home-main .home-directory .home-product:nth-child(even),.home-main .home-directory .home-product:nth-child(odd){border-left:0!important;padding:1rem 0!important} .home-main .home-directory .home-product:first-child{border-top:0!important} .home-main .home-directory .home-product:nth-child(n+2){border-top:1px solid var(--piyasalab-border,#dbe1ef)!important} } @media (prefers-reduced-motion:reduce){.home-main .home-index-ticker-track{animation:none!important}} /* v3.66.24 — göstergeler, tutarlı kontroller ve güvenli başlık alanı. */ .home-main .home-hero-window,.home-main .home-hero-copy,.home-main .home-headline-stage{overflow:visible!important} .home-main .home-headline-stage{width:100%!important;min-width:0!important;min-height:1.96em!important} .home-main .home-hero h1{max-width:100%!important;min-height:1.96em!important;overflow:visible!important;text-wrap:nowrap!important;font-family:var(--piyasalab-font,ui-sans-serif,system-ui,sans-serif)!important;font-size:clamp(2.65rem,4.3vw,4.45rem)!important} .home-main .home-title-line{display:block!important;max-width:100%!important;overflow:visible!important} .home-main .home-lead-stage{display:flex!important;align-items:center!important;min-height:6.25rem!important;overflow:visible!important} .home-main .home-lead{max-width:100%!important;overflow:visible!important;font-family:var(--piyasalab-font,ui-sans-serif,system-ui,sans-serif)!important} .home-main .home-hero h1.is-swapping,.home-main .home-lead.is-swapping{transform:translate3d(-.75rem,0,0)!important} .home-main .home-hero h1.is-entering,.home-main .home-lead.is-entering{transform:translate3d(.75rem,0,0)!important} .home-main .home-search{border-radius:var(--piyasalab-radius-card,1rem)!important;background:var(--piyasalab-control-bg,#fff)!important;box-shadow:var(--piyasalab-control-shadow,none)!important;font-family:var(--piyasalab-font,ui-sans-serif,system-ui,sans-serif)!important} .home-main .home-search button{height:var(--piyasalab-action-h,2.75rem)!important;min-height:var(--piyasalab-action-h,2.75rem)!important;border-radius:var(--piyasalab-action-radius,.7rem)!important;padding-inline:1rem!important;font-family:var(--piyasalab-font,ui-sans-serif,system-ui,sans-serif)!important;font-size:var(--ui-fs-ui,.875rem)!important;font-weight:var(--ui-weight-semibold,600)!important} .home-main .home-index-ticker-track{gap:.375rem!important;padding:.4rem 0!important} .home-main .home-index-ticker-item{flex:0 0 auto!important;min-width:clamp(10.75rem,13vw,13rem)!important;padding:.375rem .5rem!important;border:1px solid rgba(226,232,240,.9)!important;border-radius:.55rem!important;background:hsla(0,0%,100%,.7)!important;font-family:var(--piyasalab-font,ui-sans-serif,system-ui,sans-serif)!important;font-size:var(--ui-fs-caption,.75rem)!important;font-weight:var(--ui-weight-medium,500)!important;line-height:1!important} .home-main .home-index-ticker-label{font-weight:var(--ui-weight-medium,500)!important} .home-main .home-index-ticker-item strong{font-size:var(--ui-fs-caption,.75rem)!important;font-weight:var(--ui-weight-bold,700)!important} .home-main .home-index-ticker-change{font-size:var(--ui-fs-micro,.6875rem)!important;font-weight:var(--ui-weight-semibold,600)!important} .dark .home-main .home-index-ticker-item{border-color:hsla(0,0%,100%,.1)!important;background:hsla(0,0%,100%,.04)!important} @media (max-width:767px){.home-main .home-hero h1{font-size:clamp(2rem,8.15vw,3rem)!important}.home-main .home-lead-stage{min-height:7rem!important}.home-main .home-index-ticker-item{min-width:10.75rem!important}} @media (max-width:380px){.home-main .home-hero h1{font-size:clamp(1.85rem,8vw,2.5rem)!important}} /* v3.66.28 — dinamik başlıkta güvenli iç boşluk; aramada daha sakin editoryal alan. */ .home-main .home-hero-copy{padding-right:clamp(2.5rem,5vw,5.5rem)!important} .home-main .home-headline-stage{width:100%!important;min-width:0!important;height:10.5rem!important;min-height:10.5rem!important;overflow:hidden!important;padding-inline:clamp(.15rem,.45vw,.5rem)!important} .home-main .home-hero h1{width:100%!important;max-width:100%!important;font-size:clamp(2.35rem,3.75vw,4rem)!important;letter-spacing:-.065em!important;white-space:normal!important} .home-main .home-title-line{display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important} .home-main .home-hero-search{padding-inline:clamp(1.25rem,2.6vw,2.75rem)!important} .home-main .home-search-wrap{width:min(100%,24rem)!important;margin-top:.85rem!important} .home-main .home-search{min-height:3.15rem!important;padding:0!important;border:0!important;border-bottom:1px solid var(--piyasalab-border,#dbe1ef)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .home-main .home-search:focus-within{border-bottom-color:var(--piyasalab-accent,#4f46e5)!important;box-shadow:none!important} .home-main .home-search svg{width:1rem!important;height:1rem!important;margin-left:0!important} .home-main .home-search input{padding-inline:.65rem 0!important;font-size:var(--ui-fs-ui,.875rem)!important} .home-main .home-search button{display:none!important} @media (max-width:1023px){.home-main .home-hero-copy{padding-right:0!important}.home-main .home-headline-stage{padding-inline:0!important}} @media (max-width:767px){.home-main .home-headline-stage{height:8.75rem!important;min-height:8.75rem!important}.home-main .home-hero h1{font-size:clamp(2rem,8.15vw,3rem)!important}.home-main .home-hero-search{padding-inline:0!important}.home-main .home-search-wrap{max-width:none!important}} /* v3.66.29 — ticker kart değil, düz ve dikey ayraçlı bir piyasa şeridi. */ .home-main .home-index-ticker-track{gap:0!important;padding:0!important} .home-main .home-index-ticker-item{display:inline-flex!important;flex:0 0 auto!important;min-width:clamp(12rem,16vw,15rem)!important;padding:0 1.25rem!important;border:0!important;border-right:1px solid rgba(148,163,184,.22)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--piyasalab-text-strong,#17213d)!important;font-size:.8rem!important;font-weight:400!important;line-height:normal!important;text-decoration:none!important} .home-main .home-index-ticker-item:hover{background:transparent!important;color:var(--piyasalab-text-strong,#17213d)!important} .home-main .home-index-ticker-label{font-weight:600!important} .home-main .home-index-ticker-item strong{font-size:inherit!important;font-weight:700!important} .home-main .home-index-ticker-change{font-size:.7rem!important;font-weight:700!important} .dark .home-main .home-index-ticker-item{border-color:hsla(0,0%,100%,.07)!important;background:transparent!important} @media (max-width:767px){.home-main .home-index-ticker-item{min-width:12rem!important;padding-inline:1rem!important}} /* v3.66.30 — arama alanı kutu değil, tek satırlı bir arama satırı. */ .home-main .home-search-wrap{width:min(100%,26rem)!important;margin-top:0!important} .home-main .home-search-label{display:none!important} .home-main .home-search-inline{display:flex!important;align-items:center!important;gap:.7rem!important;min-height:0!important;padding:0 0 .7rem!important;border:0!important;border-bottom:1px solid var(--piyasalab-border,#dbe1ef)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} .home-main .home-search-prefix{flex:0 0 auto!important;color:var(--piyasalab-muted,#64748b)!important;font-size:.68rem!important;font-weight:700!important;letter-spacing:.08em!important;line-height:1!important;text-transform:uppercase!important} .home-main .home-search-inline svg{flex:0 0 auto!important;width:1rem!important;height:1rem!important;margin:0!important;opacity:.8!important} .home-main .home-search-inline input{min-width:0!important;padding:0!important;font-size:var(--ui-fs-ui,.875rem)!important;line-height:1.4!important} .home-main .home-search-inline:focus-within{border-bottom-color:var(--piyasalab-accent,#4f46e5)!important} @media (max-width:767px){.home-main .home-search-wrap{width:100%!important}.home-main .home-search-inline{gap:.6rem!important;padding-bottom:.65rem!important}} /* v3.66.31 — arama barı yerine geleneksel metin aksiyonu. */ .home-main .home-search-wrap{width:min(100%,26rem)!important;margin-top:0!important} .home-main .home-search-link{display:flex!important;align-items:center!important;width:100%!important;gap:.7rem!important;padding:0 0 .75rem!important;border:0!important;border-bottom:1px solid var(--piyasalab-border,#dbe1ef)!important;border-radius:0!important;background:transparent!important;color:var(--piyasalab-muted,#64748b)!important;font-family:var(--piyasalab-font,ui-sans-serif,system-ui,sans-serif)!important;font-size:var(--ui-fs-ui,.875rem)!important;font-weight:600!important;line-height:1.4!important;text-align:left!important;cursor:pointer!important;transition:color .16s ease,border-color .16s ease!important} .home-main .home-search-link svg{flex:0 0 auto!important;width:1rem!important;height:1rem!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:.8!important} .home-main .home-search-link span:not(.home-search-link-arrow){min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .home-main .home-search-link-arrow{margin-left:auto!important;color:var(--piyasalab-accent,#4f46e5)!important;font-size:1rem!important;font-weight:500!important;line-height:1!important;transition:transform .16s ease!important} .home-main .home-search-link:hover,.home-main .home-search-link:focus-visible{border-bottom-color:var(--piyasalab-accent,#4f46e5)!important;color:var(--piyasalab-text-strong,#17213d)!important} .home-main .home-search-link:hover .home-search-link-arrow{transform:translate(2px,-2px)!important} .home-main .home-search-link:focus-visible{outline:2px solid rgba(99,102,241,.45)!important;outline-offset:4px!important} @media (max-width:767px){.home-main .home-search-wrap{width:100%!important}.home-main .home-search-link{gap:.6rem!important;padding-bottom:.65rem!important}} /* v3.66.32 — kuyruklu harfler için başlıkta dikey nefes payı. */ .home-main .home-headline-stage{height:11rem!important;min-height:11rem!important;overflow:visible!important;padding-bottom:.35rem!important} .home-main .home-hero h1{line-height:1.02!important;padding-bottom:.12em!important} @media (max-width:767px){.home-main .home-headline-stage{height:9rem!important;min-height:9rem!important;padding-bottom:.25rem!important}} /* v3.66.33 — mobil hero tek akışta; başlık, açıklama ve arama birbirinden kopmuyor. */ @media (max-width:767px){ .home-main .home-hero-copy{padding-bottom:.85rem!important} .home-main .home-headline-stage{height:7.25rem!important;min-height:7.25rem!important;padding-top:.15rem!important;padding-bottom:.3rem!important} .home-main .home-hero-meta,.home-main .home-hero-search{padding-top:1rem!important} .home-main .home-lead-stage{width:100%!important;min-height:0!important;padding-bottom:1rem!important;overflow:visible!important} .home-main .home-lead{max-width:100%!important;font-size:.95rem!important;line-height:1.55!important;overflow-wrap:anywhere!important} .home-main .home-hero-search{padding-bottom:.75rem!important} .home-main .home-search-link{gap:.55rem!important;padding-bottom:.55rem!important;font-size:.82rem!important;line-height:1.3!important} .home-main .home-index-ticker-track{min-height:2.8rem!important} } /* v3.75.9 — Hero dikey ayraçlarını biraz daha kısalt. */ @media (min-width:1024px){ .home-main .home-hero-meta, .home-main .home-hero-search{ position:relative!important; border-left:0!important } .home-main .home-hero-meta::before, .home-main .home-hero-search::before{ content:""; position:absolute; left:0; top:4rem; bottom:4rem; width:1px; background:var(--piyasalab-border,#dbe1ef); pointer-events:none } } /* =========================================================================== * v3.76.13 — ÖLÜ ANİMASYON İSKELESİNİN SÖKÜLMESİ * --------------------------------------------------------------------------- * Bu dosyadaki sabit yükseklikler (hero `min-height:clamp(27rem,45vh,34rem)`, * başlık sahnesi `height:10.5rem`, özet sahnesi `min-height:10rem`, * `.home-hero-meta min-height:14rem`) başlık ve özet metninin dönüşümlü * değiştiği eski animasyon içindi: metin değişirken sayfa zıplamasın diye * kutular sabitlenmişti. * * O ANİMASYON ARTIK YOK. `is-swapping` sınıfını ekleyen tek bir JS satırı * kalmadı — sınıf yalnızca bu dosyada ve home-index-v3.66.28.css'te geçiyor; * home-index-ticker-v3.66.31.js sadece endeks şeridini besliyor. * * Ölçüm (1440x1000, v3.76.12): üst bar → başlık 138 px, başlık → endeks şeridi * 144 px, toplam sayfa 1057 px. "Başlık + bir cümle + altı bağlantı" olan bir * sayfa iki ekrana yayılıyordu; kaynağı buydu. * * Yapı BOZULMUYOR: sahneler, `overflow:hidden` ve hizalama yerinde kalıyor; * animasyon geri getirilmek istenirse yalnız bu blok silinir. Serbest bırakılan * tek şey sabit yükseklikler. * ======================================================================== */ .home-main .home-hero{ min-height:0!important; gap:clamp(2rem,5vw,4.5rem)!important; padding-top:clamp(1.5rem,3vw,2.5rem)!important; padding-bottom:clamp(1rem,2vw,1.5rem)!important; } .home-main .home-headline-stage{height:auto!important;min-height:0!important} .home-main .home-lead-stage{min-height:0!important} .home-main .home-hero-meta{min-height:0!important} /* Şerit ve dizin arasındaki ritim tek aralığa indirildi. */ .home-main .home-products{margin-top:clamp(1rem,2vw,1.75rem)!important} @media (max-width:767px){ .home-main .home-hero{padding-top:1rem!important;padding-bottom:1rem!important} .home-main .home-headline-stage{height:auto!important;min-height:0!important} .home-main .home-lead-stage{min-height:0!important} } /* ========================================================================= * v3.76.67 — KAHRAMAN BAŞLIĞI KIRPILMASI * ------------------------------------------------------------------------- * BULGU (başsız tarayıcıda 320/360/375/390/430/768/820/1024/1280/1440/1728px'te * ölçüldü): yukarıdaki v3.66.28 bloğu `.home-title-line`a * `white-space:nowrap!important` veriyor. Başlık satırları hiçbir koşulda * sarılamadığı için h1 kutusundan taşıyor; `body{overflow-x:hidden}` taşan * kısmı sessizce KESİYOR — yatay kaydırma çubuğu da çıkmadığı için hata * gözle bakılmadıkça fark edilmiyor. * * 320px → "Piyasayı izlemek de|ğil," ve "anlamak için tasarl|andı." * (ikinci satırda 83px kayıp) * 360px → 43px · 375px → 28px · 390px → 13px · 430px → 10px kayıp * 768px → kesilmiyor ama başlık arama paneliyle 28px ÇAKIŞIYOR * * ÇÖZÜM: nowrap kilidi yalnızca satırın sığmadığı genişliklerde açılır. * Dosyanın sonundaki v3.75.x bloğu `.home-headline-stage`i zaten * `height:auto` yaptığı için sarılan satır dikeyde kırpılmaz; sabit * yükseklikli sahne dönemindeki risk artık yok. 1024px ve üstü, ölçümde * temiz çıktığı için DEĞİŞTİRİLMEZ — masaüstü kompozisyonu korunur. * * NOT: aşağıdaki `max-width:380px` yazımı bilinçli olarak TEKRARLANIYOR. * Yukarıdaki v3.66.24 bloğundaki aynı kural, kendisinden SONRA gelen * `max-width:767px` kuralı tarafından eziliyordu (eşit özgüllük, sonraki * kazanır) — yani dar ekran için yazılmış küçültme hiç uygulanmıyordu. * ========================================================================= */ @media (max-width:1023px){ .home-main .home-title-line{white-space:normal!important} } @media (max-width:380px){ .home-main .home-hero h1{font-size:clamp(1.75rem,7.6vw,2.4rem)!important} } .home-main .home-index-ticker{width:min(calc(100% - (2 * var(--piyasalab-page-gutter))),var(--piyasalab-content-wide));margin:0 auto;border:1px solid #dbe3ef;border-radius:1.25rem;background:#f8fafc;overflow:hidden} .home-main .home-index-ticker-viewport{overflow:hidden} .home-main .home-index-ticker-item:focus-visible{outline:3px solid #4f46e5;outline-offset:-2px} .home-main .home-index-ticker-track.is-paused{animation-play-state:paused} .home-main .home-index-ticker-track{display:flex;width:max-content;min-height:7.2rem;animation:home-index-marquee 42s linear infinite} .home-main .home-index-ticker-track:hover{animation-play-state:paused} .home-main .home-index-ticker-track.is-static{animation:none} .home-main .home-index-ticker-item{display:grid;grid-template-columns:minmax(0,1fr) 5.6rem;align-items:center;gap:1rem;flex:0 0 min(20rem,30vw);min-width:16rem;padding:1.05rem 1.25rem;border-right:1px solid #dbe3ef;color:#17213d;text-decoration:none} .home-main .home-index-ticker-item:hover{background:rgba(99,102,241,.035)} .home-main .home-index-ticker-chart{display:block;width:5.6rem;height:2.75rem;align-self:center} .home-main .home-index-ticker-chart svg{display:block;width:100%;height:100%;overflow:visible} .home-main .home-index-ticker-chart-line{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .home-main .home-index-ticker-chart-area{stroke:none;opacity:.12} .home-main .home-index-ticker-chart.is-positive .home-index-ticker-chart-line{stroke:#16a34a}.home-main .home-index-ticker-chart.is-positive .home-index-ticker-chart-area{fill:#16a34a} .home-main .home-index-ticker-chart.is-negative .home-index-ticker-chart-line{stroke:#e11d48}.home-main .home-index-ticker-chart.is-negative .home-index-ticker-chart-area{fill:#e11d48} .home-main .home-index-ticker-copy{display:flex;min-width:0;flex-direction:column;gap:.28rem} .home-main .home-index-ticker-label{color:#64748b;font-size:.76rem;font-weight:700;letter-spacing:.02em} .home-main .home-index-ticker-item strong{color:#17213d;font-size:1.25rem;line-height:1.05;font-variant-numeric:tabular-nums} .home-main .home-index-ticker-change{font-size:.77rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap} .home-main .home-index-ticker-change.is-positive{color:#059669}.home-main .home-index-ticker-change.is-negative{color:#e11d48} .home-main .home-index-ticker-change.is-neutral{color:#64748b}.home-main .home-index-ticker-chart.is-neutral .home-index-ticker-chart-line{stroke:#94a3b8}.home-main .home-index-ticker-chart.is-neutral .home-index-ticker-chart-area{fill:#94a3b8} .home-main .home-index-ticker-arrow{font-size:1.05rem;margin-right:.25rem}.home-main .home-index-ticker-percent{font-weight:600;opacity:.9} .home-main .home-index-ticker-status{color:#64748b;font-size:.61rem;font-weight:600;letter-spacing:0;line-height:1}.home-main .home-index-ticker-item.is-stale .home-index-ticker-status{color:#64748b}.home-main .home-index-ticker-item.is-unavailable{opacity:.82} .dark .home-main .home-index-ticker{border-color:rgba(148,163,184,.2);background:#0b1220}.dark .home-main .home-index-ticker-item{border-color:rgba(148,163,184,.17);color:#e2e8f0}.dark .home-main .home-index-ticker-item:hover{background:rgba(255,255,255,.035)}.dark .home-main .home-index-ticker-label{color:#94a3b8}.dark .home-main .home-index-ticker-item strong{color:#e2e8f0} @media (max-width:767px){.home-main .home-index-ticker-item{grid-template-columns:minmax(0,1fr) 4.75rem;flex-basis:17rem;min-width:17rem;padding-inline:1rem}.home-main .home-index-ticker-chart{width:4.75rem}} @media (prefers-reduced-motion:reduce){.home-main .home-index-ticker-track{animation:none!important}} /* ========================================================================= * v3.76.67 — ŞERİTTE KOYU TEMA DEĞER RENKLERİ * ------------------------------------------------------------------------- * Şeridin yön ve durum renkleri tek değerle yazılmıştı; sitenin geri kalanı * (ör. .range-chip-up / .range-chip-down) koyu tema için ayrı, daha açık bir * ton kullanıyor. Ölçüm (gerçek tarayıcı motoru, koyu tema): * * .is-negative #e11d48 → 4.19:1 (sayfa) / 3.99:1 (şerit) ✗ AA 4.5:1 * .is-neutral #64748b → 4.14:1 / 3.93:1 ✗ * -status #64748b → 4.14:1 / 3.93:1 ✗ * * Düşüş rengi finansal bir sinyal taşıdığı için bu, salt estetik bir sorun * değil. Değerler sitenin mevcut koyu tema paletinden alınır; yeni renk * TANIMLANMAZ, yalnızca var olan sözleşme şeride de uygulanır: * #fb7185 → 7.32:1 · #34d399 → 10.24:1 · #94a3b8 → 7.68:1 * Açık tema DEĞİŞMEZ (orada eşik zaten sağlanıyor). */ .dark .home-main .home-index-ticker-change.is-positive{color:#34d399} .dark .home-main .home-index-ticker-change.is-negative{color:#fb7185} .dark .home-main .home-index-ticker-change.is-neutral{color:#94a3b8} .dark .home-main .home-index-ticker-status, .dark .home-main .home-index-ticker-item.is-stale .home-index-ticker-status{color:#94a3b8} /* v3.75.33 — Hero ikinci satırında düz fosforlu kalem vurgusu. */ .home-main .home-title-accent{ display:table!important; width:max-content!important; max-width:100%!important; padding:0 .05em .035em!important; background:transparent!important; background-clip:border-box!important; -webkit-background-clip:border-box!important; color:var(--piyasalab-text-strong,#111827)!important; -webkit-text-fill-color:currentColor!important; box-decoration-break:clone; -webkit-box-decoration-break:clone; } .dark .home-main .home-title-accent{ background:transparent!important; color:#f8fafc!important; } /* Two non-overlapping marker bands: the overlap used to create a third tone. */ .home-main .home-title-accent::before, .home-main .home-title-accent::after{ content:""; position:absolute; z-index:-1; pointer-events:none; height:.43em; border-radius:0; } .home-main .home-title-accent::before{ top:.22em; left:.06em; width:calc(100% + .02em); background:rgba(129,117,255,.35); } .home-main .home-title-accent::after{ top:.65em; left:0; width:calc(100% + .12em); background:rgba(129,117,255,.50); } .dark .home-main .home-title-accent::before{background:rgba(129,117,255,.35)} .dark .home-main .home-title-accent::after{background:rgba(129,117,255,.48)} /* ========================================================================= * v3.76.67 — Vurgu bandı, sarılan başlıkta * ------------------------------------------------------------------------- * Bu dosyadaki bantlar `position:absolute` ile `.home-title-accent` KUTUSUNA * göre çiziliyor. Kutu tek satırken bu doğru; v3.76.67'te dar ekranda başlık * satırının sarılmasına izin verilince (home-index-motion) kutu iki satır * oldu ve bantlar yalnız İLK satırın hizasında kaldı — ikinci satır * ("tasarlandı.") vurgusuz görünüyordu. Ayrıca `display:table` kutusu * `max-width:100%`e dayandığı için bant metnin bittiği yerde durmuyordu. * * Dar ekranda aynı görsel, çok satırlı satır içi öğe için tasarlanmış yolla * üretilir: iki arka plan katmanı + box-decoration-break:clone (yukarıda * zaten bildirilmiş). Her satır parçası kendi bandını alır ve bant metin * genişliğinde biter. Renkler, opaklıklar, yükseklik (.43em) ve dikey * yerleşim (.22em / .65em) sözde öğelerdekiyle BİREBİR aynı bırakıldı. * 1024px ve üstünde başlık tek satır kaldığı için orası değişmez. * ========================================================================= */ @media (max-width:1023px){ .home-main .home-title-accent{ display:inline!important; width:auto!important; background-color:transparent!important; background-image: linear-gradient(rgba(129,117,255,.35),rgba(129,117,255,.35)), linear-gradient(rgba(129,117,255,.50),rgba(129,117,255,.50))!important; background-repeat:no-repeat,no-repeat!important; background-size:100% .43em,100% .43em!important; background-position:0 .22em,0 .65em!important; background-origin:padding-box!important; } .dark .home-main .home-title-accent{ background-image: linear-gradient(rgba(129,117,255,.35),rgba(129,117,255,.35)), linear-gradient(rgba(129,117,255,.48),rgba(129,117,255,.48))!important; } .home-main .home-title-accent::before, .home-main .home-title-accent::after{content:none!important} } /* v3.76.33 — arama rayı tek başına kalır; yardımcı açıklama kaldırıldı. */ .home-main .home-hero{ grid-template-columns:minmax(0,1.08fr) minmax(19rem,.92fr)!important; grid-template-rows:auto!important; align-items:center!important; column-gap:clamp(2.5rem,6vw,6rem)!important; row-gap:0!important; } .home-main .home-hero-copy{ grid-column:1!important; grid-row:1!important; padding-right:0!important; } .home-main .home-hero-side{ grid-column:2!important; grid-row:1!important; display:flex!important; flex-direction:column!important; justify-content:center!important; min-width:0!important; padding-left:clamp(1rem,2.6vw,2.5rem)!important; border-left:2px solid rgba(99,102,241,.26)!important; } .dark .home-main .home-hero-side{border-left-color:rgba(129,140,248,.42)!important} .home-main .home-hero-search{ grid-column:auto!important; grid-row:auto!important; display:block!important; min-width:0!important; min-height:0!important; padding:0!important; border:0!important; } .home-main .home-hero-search::before{display:none!important} .home-main .home-hero-search{ margin-top:0!important; padding-top:0!important; border-top:0!important; } .home-main .home-search-wrap{width:100%!important;max-width:26rem!important} .home-main .home-search-examples{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:.8rem;color:var(--ui-color-muted,#64748b);font-size:.7rem;font-weight:500} .home-main .home-search-examples a{ display:inline; min-height:0; align-items:initial; border:0; border-radius:0; padding:0; color:#64748b; font-size:.7rem; font-weight:600; letter-spacing:0; text-decoration:underline; text-underline-offset:.18em; transition:color .16s ease; } .home-main .home-search-examples a:hover,.home-main .home-search-examples a:focus-visible{ border-color:transparent; background:transparent; color:#4f46e5; } .dark .home-main .home-search-examples a{border-color:transparent;color:var(--ui-color-muted,#64748b)} .dark .home-main .home-search-examples a:hover,.dark .home-main .home-search-examples a:focus-visible{color:#c7d2fe;background:transparent} .home-main .home-directory .home-product{ transition:background-color .16s ease,color .16s ease!important; } .home-main .home-directory .home-product:hover{ background:rgba(99,102,241,.045)!important; color:#4338ca!important; } .dark .home-main .home-directory .home-product:hover{background:rgba(129,140,248,.09)!important;color:#c7d2fe!important} .home-main .home-directory .home-product:focus-visible{outline:2px solid rgba(99,102,241,.55)!important;outline-offset:-2px!important} @media (max-width:767px){ .home-main .home-hero{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;column-gap:0!important;row-gap:1.75rem!important} .home-main .home-hero-copy,.home-main .home-hero-side{grid-column:1!important;grid-row:auto!important} .home-main .home-hero-side{padding-left:1rem!important} .home-main .home-hero-search{margin-top:0!important;padding-top:0!important} } @media (prefers-reduced-motion:reduce){ .home-main .home-search-examples a,.home-main .home-directory .home-product{transition:none!important} } /* v3.76.67 — "Örnek aramalar" bağlantıları 42x17 / 20x17 CSS px ölçülmüştü; * WCAG 2.2 AA 2.5.8 (Target Size Minimum) 24x24 istiyor. Bunlar bir cümlenin * içindeki satır içi bağlantı değil, kendi satırında duran bağımsız hedefler, * dolayısıyla standardın "inline" istisnası uygulanmaz. Yükseklik hedefi * yazı tipi ölçüsüne dokunmadan dolgu ile karşılanır; satır yüksekliği ve * hizalama değişmesin diye negatif dikey marj ile denge sağlanır. */ .home-main .home-search-examples a{ display:inline-flex; align-items:center; min-height:24px; padding-block:.22rem; margin-block:-.22rem; }