/* stonex-perf.css v1 - performans/a11y katmani (Claude, 2026-08-05)
   1) Metrik uyumlu fallback fontlar (font swap CLS ~0)
   2) Tema font yiginlarina FB eklenmis kopya kurallar
   3) Kontrast, CLS, dokunma hedefi duzeltmeleri
   4) SPC hero kritik stilleri (ana sayfa LCP) */
@font-face{font-family:'Montserrat FB';src:local('Arial'),local('Liberation Sans'),local('Arimo'),local('Helvetica');size-adjust:115.89%;ascent-override:83.53%;descent-override:21.66%;line-gap-override:0.00%}
@font-face{font-family:'PT Serif FB';src:local('Times New Roman'),local('Liberation Serif'),local('Tinos');size-adjust:111.04%;ascent-override:93.57%;descent-override:25.76%;line-gap-override:0.00%}
@font-face{font-family:'Playfair Display FB';src:local('Times New Roman'),local('Liberation Serif'),local('Tinos');size-adjust:112.42%;ascent-override:96.25%;descent-override:22.33%;line-gap-override:0.00%}
@font-face{font-family:'Questrial FB';src:local('Arial'),local('Liberation Sans'),local('Arimo'),local('Helvetica');size-adjust:99.95%;ascent-override:82.04%;descent-override:21.01%;line-gap-override:0.00%}

/* --- Tema font yiginlari + FB --- */
html{font-family:"PT Serif","PT Serif FB",serif}
.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-3xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6{font-family:"PT Serif","PT Serif FB",serif}
.uk-h1,h1{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-h2,h2{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-h3,h3{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-h4,h4{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-h5,h5{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-h6,h6{font-family:"Montserrat","Montserrat FB",sans-serif}
blockquote{font-family:"Playfair Display","Playfair Display FB",serif}
blockquote footer{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-heading-small{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-heading-medium{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-heading-large{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-heading-xlarge{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-heading-2xlarge{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-heading-3xlarge{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-description-list>dt{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-form-label{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-button{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-card-title{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-card-badge{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-badge{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-label{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-article-title{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-article-meta{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-comment-meta{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-search-navbar .uk-search-input{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-accordion-default .uk-accordion-title{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-modal-title{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-nav-default{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-nav-default .uk-nav-subtitle{font-family:"PT Serif","PT Serif FB",serif}
.uk-nav-primary{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-nav-primary .uk-nav-subtitle{font-family:"PT Serif","PT Serif FB",serif}
.uk-nav-secondary{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-nav-secondary .uk-nav-subtitle{font-family:"PT Serif","PT Serif FB",serif}
.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle{font-family:"Questrial","Questrial FB",sans-serif}
.uk-navbar-dropdown-nav{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-subnav>*>:first-child{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-breadcrumb>*>*{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-pagination>*>*{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-tab>*>a{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-dropdown-nav{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-text-lead{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-text-meta{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-logo{font-family:"Montserrat","Montserrat FB",sans-serif}
.tm-section-title{font-family:"Montserrat","Montserrat FB",sans-serif}
.uk-font-default{font-family:"PT Serif","PT Serif FB",serif}
.uk-font-primary{font-family:"Playfair Display","Playfair Display FB",serif}
.uk-font-secondary{font-family:"Montserrat","Montserrat FB",sans-serif}

/* --- Kontrast duzeltmeleri (WCAG AA) — cift sinif ozgullugu: temanin !important kurallarini ve 10Web blob sirasini yener --- */
.uk-text-meta.uk-text-meta{color:#6e6f75!important}
.uk-text-muted.uk-text-muted{color:#6e6f75!important}
.uk-link-muted.uk-link-muted a,a.uk-link-muted.uk-link-muted{color:#6e6f75!important}
.uk-text-meta.uk-text-meta a,.uk-text-meta.uk-text-meta>a{color:#6e6f75!important;text-decoration:underline}
.uk-article-meta.uk-article-meta,.uk-article-meta.uk-article-meta a,.uk-article-meta.uk-article-meta time{color:#6e6f75!important}
.uk-breadcrumb.uk-breadcrumb>*>*{color:#6e6f75!important}
.uk-card-primary.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary.uk-card-primary>:not([class*="uk-card-media"]) .uk-text-meta,
.uk-card-secondary.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary.uk-card-secondary>:not([class*="uk-card-media"]) .uk-text-meta,
.uk-light.uk-light .uk-text-meta,.uk-light.uk-light .uk-text-muted,.uk-card-primary.uk-card-primary .uk-text-muted,.uk-card-secondary.uk-card-secondary .uk-text-muted{color:rgba(255,255,255,.62)!important}
.uk-card-primary.uk-card-primary .uk-text-meta a,.uk-card-secondary.uk-card-secondary .uk-text-meta a{color:rgba(255,255,255,.72)!important}
.spc-hp-spec-label{color:#6e6f75!important}
.spc-hp-hero-text h2 em,.spc-hp-hero-text em{color:#a5813d!important}
/* dokunma hedefleri */
ul .el-item>a.el-link[href^="tel:"]{display:inline-block!important;padding:6px 4px!important}
.ez-toc-list li{padding:2px 0}
.ez-toc-list a{display:inline-block;padding:3px 0}

/* --- CLS onlemleri --- */
video.el-image{aspect-ratio:16/9;height:auto;width:100%;max-width:750px}
.spc-hp-hero-visual{min-height:420px}
@media (max-width:767px){.spc-hp-hero-visual{min-height:280px}}
.spc-hp-hero-visual img{width:100%;height:100%;object-fit:cover}
/* --- Kompozit olmayan animasyon --- */
.spc-hp-cta{transition-property:background-color,color,transform,box-shadow!important}
/* --- LQ hero bg: uikit beklenmeden ilk boyama (uk-img sonra inline style ile devralir) --- */
.page-id-382 .uk-section-xlarge.uk-background-norepeat{background-image:url(/wp-content/uploads/yootheme/cache/8e/stonexusa-quartz-2-8efddb3b.webp)}
@media (min-width:960px){.page-id-382 .uk-section-xlarge.uk-background-norepeat{background-image:url(/wp-content/uploads/yootheme/cache/07/stonexusa-quartz-2-0780fe91.webp)}}

/* --- SPC hero kritik stil (10Web geciken blob beklenmeden) --- */
/* ===== SPC HOMEPAGE HERO - SCOPED STYLES ===== */
.spc-hp-hero *,
.spc-hp-specs * { box-sizing: border-box; margin: 0; padding: 0; }

.spc-hp-hero img { max-width: 100%; height: auto; display: block; }
.spc-hp-hero a { color: inherit; text-decoration: none; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

.spc-hp-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* HERO */
.spc-hp-hero {
    position: relative;
    background: #faf8f5;
    color: #2d2e33;
    padding: 60px 0 0;
    overflow: hidden;
}

.spc-hp-hero-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    min-height: 480px;
}

.spc-hp-hero-text {
    position: relative;
    z-index: 2;
    padding: 20px 0;
}

.spc-hp-hero-visual {
    position: relative;
    border-radius: 20px 0 0 0;
    overflow: hidden;
    height: 100%;
    min-height: 420px;
}

.spc-hp-hero-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spc-hp-hero-visual::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 80px;
    background: linear-gradient(to top, #faf8f5, transparent);
}



.spc-hp-hero h2 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 700;
    line-height: 1.18;
    margin-bottom: 18px;
    color: #2d2e33;
}
.spc-hp-hero h2 em { font-style: normal; color: #c9a96e; }

.spc-hp-hero-sub {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    margin-bottom: 28px;
    color: #6c6d74;
    line-height: 1.75;
    font-weight: 400;
}

.spc-hp-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 32px;
}

.spc-hp-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    border: 1px solid #f0ece6;
    padding: 8px 16px;
    border-radius: 50px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #2d2e33;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.spc-hp-pill svg { width: 15px; height: 15px; stroke: #c9a96e; }

.spc-hp-cta {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    background: #1a1a2e !important;
    color: #ffffff !important;
    padding: 15px 34px;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
}
.spc-hp-cta:hover {
    background: #c9a96e !important;
    color: #1a1a2e !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(201,169,110,0.3);
    text-decoration: none !important;
}

/* SPECS STRIP */
.spc-hp-specs {
    background: #faf8f5;
    border-bottom: 1px solid #f0ece6;
    padding: 30px 0;
}

.spc-hp-specs-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

.spc-hp-spec-item {
    text-align: center;
}

.spc-hp-spec-item svg {
    width: 32px;
    height: 32px;
    margin: 0 auto 8px;
    color: #1a1a2e;
    stroke: #1a1a2e;
    fill: none;
}

.spc-hp-spec-label {
    display: block;
    font-size: 10px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #9a9ba0;
    font-weight: 600;
    margin-bottom: 2px;
}

.spc-hp-spec-val {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #2d2e33;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .spc-hp-hero-layout { grid-template-columns: 1fr; gap: 24px; }
    .spc-hp-hero-visual { min-height: 280px; border-radius: 16px; }
    .spc-hp-hero { padding: 40px 0 0; }
    .spc-hp-specs-row { grid-template-columns: repeat(3, 1fr); gap: 24px; }
}

@media (max-width: 480px) {
    .spc-hp-specs-row { grid-template-columns: repeat(2, 1fr); }
}

/* --- SPC sayfasi (6067) kontrast --- */
.page-id-6067 .pcard-dims,.page-id-6067 .spec-label,.page-id-6067 .cert-desc,.page-id-6067 .tab-label,.page-id-6067 strong{color:#6e6f75!important}
.page-id-6067 .fq-num{color:#a5813d!important}
.page-id-6067 .section-tag,.page-id-6067 .tab-mm{color:#8a6a2e!important}
.page-id-6067 .hero-text em,.page-id-6067 em{color:#a5813d!important}
.page-id-6067 p a{color:#8a6a2e!important}

/* --- danger tonu (beyaz metinle 4.6:1) --- */
.uk-button-danger.uk-button-danger,.uk-label-danger.uk-label-danger,.uk-notification-message-danger.uk-notification-message-danger{background-color:#d63c44!important}

/* i91-a11y */
#stonex-i66-slab a,#stonex-i71-sss a{text-decoration:underline}
div.uk-text-center>ul.uk-margin-remove-bottom>li.el-item>a.el-link{display:inline-block;padding:6px 8px}

/* i113-a11y */
#stonex-ek-blok a{text-decoration:underline}
table.uk-table th{color:#26272b}
table.uk-table.uk-table-divider th{color:#26272b}

/* i114-link */
#stonex-i70-galeri a,#stonex-i66-slab a,#stonex-i71-sss a,#stonex-i111-apply a,#stonex-ek-blok a,.uk-container>p>a{text-decoration:underline}
.uk-container>p>a.uk-button,.uk-container>p>a.el-link{text-decoration:none}

/* i115-a11y */
.stonex-h5y{font-weight:500;line-height:1.4;margin:0}
.el-content p a,.el-content li a,.el-content td a{text-decoration:underline}
.el-content a.uk-button,.el-content a.el-link,.el-content a.uk-icon,.el-content a.el-image{text-decoration:none}

/* i115-punto */
.stonex-h5y{font-size:1rem}

/* i115-renk */
.uk-text-muted .stonex-h5y,.stonex-h5y{color:#2d2e33}

/* i115-link */
#tm-main p a,#tm-main li a{text-decoration:underline}
#tm-main p a.uk-button,#tm-main p a.el-link,#tm-main p a.uk-icon,#tm-main p a.el-image,#tm-main li a.uk-button,#tm-main li a.el-link,#tm-main li a.uk-icon,#tm-main li a.el-image{text-decoration:none}

/* i117-link */
#tm-main p a,#tm-main li a,#tm-main td a,#tm-main th a,#tm-main figcaption a,#tm-main blockquote a,#tm-main dd a,#tm-main dt a,#tm-main address a,#tm-main caption a,#tm-main summary a{text-decoration:underline}
#tm-main p a.uk-button,#tm-main p a.el-link,#tm-main p a.uk-icon,#tm-main p a.el-image,#tm-main p a.uk-icon-button,#tm-main li a.uk-button,#tm-main li a.el-link,#tm-main li a.uk-icon,#tm-main li a.el-image,#tm-main li a.uk-icon-button,#tm-main td a.uk-button,#tm-main td a.el-link,#tm-main td a.uk-icon,#tm-main td a.el-image,#tm-main td a.uk-icon-button,#tm-main th a.uk-button,#tm-main th a.el-link,#tm-main th a.uk-icon,#tm-main th a.el-image,#tm-main th a.uk-icon-button,#tm-main figcaption a.uk-button,#tm-main figcaption a.el-link,#tm-main figcaption a.uk-icon,#tm-main figcaption a.el-image,#tm-main figcaption a.uk-icon-button,#tm-main blockquote a.uk-button,#tm-main blockquote a.el-link,#tm-main blockquote a.uk-icon,#tm-main blockquote a.el-image,#tm-main blockquote a.uk-icon-button,#tm-main dd a.uk-button,#tm-main dd a.el-link,#tm-main dd a.uk-icon,#tm-main dd a.el-image,#tm-main dd a.uk-icon-button,#tm-main dt a.uk-button,#tm-main dt a.el-link,#tm-main dt a.uk-icon,#tm-main dt a.el-image,#tm-main dt a.uk-icon-button,#tm-main address a.uk-button,#tm-main address a.el-link,#tm-main address a.uk-icon,#tm-main address a.el-image,#tm-main address a.uk-icon-button,#tm-main caption a.uk-button,#tm-main caption a.el-link,#tm-main caption a.uk-icon,#tm-main caption a.el-image,#tm-main caption a.uk-icon-button,#tm-main summary a.uk-button,#tm-main summary a.el-link,#tm-main summary a.uk-icon,#tm-main summary a.el-image,#tm-main summary a.uk-icon-button{text-decoration:none}