@charset "utf-8";
/* ==========================================================================
   Öncü Dental – Jevelin 5.14 tabanlı site geneli stil dosyası
   Eski OneTech template'inin (main_styles.css / responsive.css ve sayfa bazlı
   blog_*, regular_*, contact_*, product_* dosyaları) yerini alır.

   1. Değişkenler (renk / yazı)
   2. Temel sıfırlama (eski şablondan korunan yapısal kurallar)
   3. Tipografi (Jevelin)
   4. Form elemanları ve butonlar (Bootstrap + DevExpress)
   5. Üst bilgi çubuğu, başlık, menü (Site.master)
   6. Footer (Site.master)
   7. Eski sayfalar için köprü stiller (FileList, VideoList, NoticeList,
      NoticeDetail, Content, BlogDetail, DentalBlog, FeedBack, Subcribe)
   ========================================================================== */

/* 1. Değişkenler ----------------------------------------------------------- */
:root {
    --jv-accent: #752877;
    --jv-accent-dark: #5a1d5c;
    --jv-accent-soft: #f7f0f7;
    --jv-ink: #1f1f23;
    --jv-text: #3a3a3f;
    --jv-muted: #8a8a93;
    --jv-line: #ececf0;
    --jv-soft: #f7f7f9;
    --jv-radius: 14px;
    --jv-font: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
}

/* 2. Temel sıfırlama ------------------------------------------------------
   Yeni sayfalardaki bileşenler bu varsayımlarla tasarlandı; düzen bozulmasın
   diye yapısal kısım korunuyor, görsel kusurlar (Rubik font, gri paragraf,
   turuncu link alt çizgisi, kırmızı input yazısı vb.) alınmadı. */
* { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }
div, section { position: relative; box-sizing: border-box; }
ul { list-style: none; }
img { max-width: 100%; height: auto; }
::selection { background: var(--jv-accent); color: #fff; }

/* 3. Tipografi -------------------------------------------------------------- */
html { overflow-y: auto; }
body {
    font-family: var(--jv-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: var(--jv-text);
    background: #fff;
    overflow-x: hidden;
}
body, p, h1, h2, h3, h4, h5, h6, input, select, textarea, button, .btn { font-family: var(--jv-font); }
p { font-size: 14px; line-height: 1.8; color: var(--jv-text); }
a { color: var(--jv-accent); text-decoration: none; transition: color .2s; }
a:hover, a:focus { color: var(--jv-accent-dark); text-decoration: none; }
a:focus, *:focus { outline: none; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--jv-accent); outline-offset: 2px; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.3; color: var(--jv-ink); }
h1 { font-size: 34px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }
strong, b { font-weight: 700; }
hr { border: 0; border-top: 1px solid var(--jv-line); margin: 24px 0; }
blockquote { border-left: 3px solid var(--jv-accent); background: var(--jv-soft); padding: 16px 22px; font-style: italic; border-radius: 0 10px 10px 0; }

/* 4. Formlar ve butonlar ---------------------------------------------------- */
.form-control {
    color: var(--jv-text);
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color .2s, box-shadow .2s;
}
.form-control:focus { border-color: var(--jv-accent); box-shadow: 0 0 0 3px rgba(117,40,119,.12); color: var(--jv-ink); }
.form-control::placeholder { color: #a1a1aa; font-style: italic; }
select { cursor: pointer; }

.btn { border-radius: 30px; font-weight: 600; letter-spacing: .02em; }
.btn-primary, .btn-primary:disabled, .btn-primary.disabled { background: var(--jv-accent); border-color: var(--jv-accent); color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active { background: var(--jv-accent-dark); border-color: var(--jv-accent-dark); color: #fff; box-shadow: none; }
.btn-outline-primary { color: var(--jv-accent); border-color: var(--jv-accent); }
.btn-outline-primary:hover { background: var(--jv-accent); border-color: var(--jv-accent); color: #fff; }
.btn-link { color: var(--jv-accent); }
.btn-link:hover { color: var(--jv-accent-dark); }
.text-primary { color: var(--jv-accent) !important; }
.bg-primary { background-color: var(--jv-accent) !important; }
.custom-control-input:checked ~ .custom-control-label::before { background-color: var(--jv-accent); border-color: var(--jv-accent); }
.page-item.active .page-link { background-color: var(--jv-accent); border-color: var(--jv-accent); }
.page-link { color: var(--jv-accent); }
.card { border-color: var(--jv-line); border-radius: var(--jv-radius); }
.list-group-item a { color: var(--jv-text); }
.list-group-item a:hover { color: var(--jv-accent); }

/* 5. Üst bilgi çubuğu, başlık, menü (Site.master) ------------------------- */
/* Üst bilgi çubuğu */
.jv-topbar { background:var(--jv-soft); border-bottom:1px solid var(--jv-line); font-size:12px; color:var(--jv-muted); }
.jv-topbar .container { display:flex; align-items:center; justify-content:space-between; min-height:38px; gap:16px; }
.jv-topbar a { color:var(--jv-muted); }
.jv-topbar a:hover { color:var(--jv-accent); }
.jv-topbar-left, .jv-topbar-right { display:flex; align-items:center; gap:22px; }
.jv-topbar i { color:var(--jv-accent); margin-right:6px; }
.jv-topbar-right .jv-user { font-weight:600; color:var(--jv-text); }

/* Ana başlık */
.jv-header { position:sticky; top:0; z-index:1000; background:#fff; transition:box-shadow .25s; }
.jv-header.jv-scrolled { box-shadow:0 6px 30px rgba(0,0,0,.07); }
.jv-header-inner { display:flex; align-items:center; height:84px; gap:24px; }
.jv-logo { display:block; flex:0 0 auto; }
.jv-logo img { display:block; width:150px; height:auto; max-width:none; }
.jv-nav { margin-left:auto; }
.jv-nav > ul { display:flex; align-items:center; gap:4px; margin:0; padding:0; list-style:none; }
.jv-nav > ul > li { position:static; }
.jv-nav > ul > li.jv-rel { position:relative; }
.jv-nav > ul > li > a { display:flex; align-items:center; gap:6px; height:84px; padding:0 14px; font-size:12.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--jv-text); position:relative; cursor:pointer; }
.jv-nav > ul > li > a i { font-size:9px; opacity:.6; }
.jv-nav > ul > li > a::after { content:""; position:absolute; left:14px; right:14px; bottom:26px; height:2px; background:var(--jv-accent); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.jv-nav > ul > li:hover > a, .jv-nav > ul > li > a:hover { color:var(--jv-accent); }
.jv-nav > ul > li:hover > a::after { transform:scaleX(1); }

.jv-dropdown { position:absolute; top:100%; left:0; min-width:230px; background:#fff; border-top:2px solid var(--jv-accent); box-shadow:0 20px 40px rgba(0,0,0,.08); padding:12px 0; margin:0; list-style:none; opacity:0; visibility:hidden; transform:translateY(8px); transition:all .2s; z-index:20; }
.jv-nav li:hover > .jv-dropdown, .jv-nav li:focus-within > .jv-dropdown { opacity:1; visibility:visible; transform:none; }
.jv-dropdown li a { display:block; padding:9px 24px; font-size:13px; color:var(--jv-text); transition:color .15s, padding-left .15s; }
.jv-dropdown li a:hover { color:var(--jv-accent); padding-left:28px; }

.jv-mega { position:absolute; top:100%; left:0; right:0; background:#fff; border-top:2px solid var(--jv-accent); box-shadow:0 20px 40px rgba(0,0,0,.08); opacity:0; visibility:hidden; transform:translateY(8px); transition:all .2s; z-index:20; }
.jv-nav li:hover > .jv-mega, .jv-nav li:focus-within > .jv-mega { opacity:1; visibility:visible; transform:none; }
.jv-mega-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); gap:26px 32px; padding:30px 15px 34px; margin:0; list-style:none; max-height:70vh; overflow-y:auto; }
.jv-mega-grid > li > a { display:block; font-size:12.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--jv-ink); padding-bottom:10px; margin-bottom:8px; border-bottom:1px solid var(--jv-line); }
.jv-mega-grid > li > a:hover { color:var(--jv-accent); }
.jv-mega-grid ul { list-style:none; margin:0; padding:0; }
.jv-mega-grid ul li a { display:block; font-size:13px; color:var(--jv-muted); padding:4px 0; }
.jv-mega-grid ul li a:hover { color:var(--jv-accent); }

.jv-brand-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)); gap:14px; padding:26px 15px 30px; margin:0; list-style:none; max-height:70vh; overflow-y:auto; }
.jv-brand-grid a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; height:100%; padding:14px 10px; border:1px solid var(--jv-line); border-radius:10px; color:var(--jv-text); text-align:center; transition:border-color .2s, box-shadow .2s, color .2s; }
.jv-brand-grid a:hover { border-color:var(--jv-accent); color:var(--jv-accent); box-shadow:0 6px 18px rgba(0,0,0,.06); }
.jv-brand-logo { height:34px; display:flex; align-items:center; justify-content:center; }
.jv-brand-logo img { width:auto; height:auto; max-height:34px; max-width:110px; object-fit:contain; filter:grayscale(1); opacity:.75; transition:all .2s; }
.jv-brand-grid a:hover .jv-brand-logo img { filter:none; opacity:1; }
.jv-brand-name { font-size:12px; font-weight:600; letter-spacing:.03em; }
.jv-actions { display:flex; align-items:center; gap:6px; }
.jv-icon-btn { width:42px; height:42px; border-radius:50%; border:0; background:transparent; color:var(--jv-text); display:inline-flex; align-items:center; justify-content:center; font-size:16px; cursor:pointer; transition:background .2s, color .2s; }
.jv-icon-btn:hover { background:var(--jv-soft); color:var(--jv-accent); }
.jv-icon-btn:focus { outline:none; }
.jv-burger { display:none; }

.jv-searchbar { border-top:1px solid var(--jv-line); background:#fff; max-height:0; overflow:hidden; transition:max-height .3s ease; }
body.jv-search-open .jv-searchbar { max-height:120px; }
.jv-searchbar .container { padding-top:18px; padding-bottom:18px; }
.jv-searchbar .form-control { height:48px; font-size:15px; border-radius:10px 0 0 10px; }

/* Mobil */
.jv-overlay { position:fixed; inset:0; background:rgba(15,15,20,.45); opacity:0; visibility:hidden; transition:all .25s; z-index:1001; }
.jv-mobile-search { display:none; }
.jv-nav-close { display:none; }
@media (max-width: 991px) {
    .jv-header-inner { height:70px; }
    .jv-logo img { width:120px; }
    .jv-actions { margin-left:auto; }
    .jv-burger { display:inline-flex; }
    .jv-nav { position:fixed; top:0; right:0; bottom:0; width:320px; max-width:86vw; background:#fff; z-index:1002; transform:translateX(100%); transition:transform .3s ease; overflow-y:auto; padding:20px 0 40px; margin:0; }
    body.jv-nav-open .jv-nav { transform:none; box-shadow:-10px 0 40px rgba(0,0,0,.12); }
    body.jv-nav-open .jv-overlay { opacity:1; visibility:visible; }
    /* Menü başlığın içinde; açıkken başlığı perdenin üstüne çıkar ki tıklamalar menüye ulaşsın */
    body.jv-nav-open .jv-header { z-index:1003; }
    .jv-nav-close { display:flex; margin:0 20px 12px auto; }
    .jv-mobile-search { display:block; padding:0 20px 16px; }
    .jv-nav > ul { flex-direction:column; align-items:stretch; gap:0; }
    .jv-nav > ul > li > a { height:auto; padding:14px 22px; justify-content:space-between; border-bottom:1px solid var(--jv-line); }
    .jv-nav > ul > li > a::after { display:none; }
    .jv-dropdown, .jv-mega { position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border-top:0; display:none; }
    .jv-nav li.jv-open > .jv-dropdown, .jv-nav li.jv-open > .jv-mega { display:block; }
    .jv-nav li.jv-open > a i { transform:rotate(180deg); }
    .jv-dropdown { padding:4px 0 8px; background:var(--jv-soft); }
    .jv-mega-grid { grid-template-columns:1fr; gap:14px; padding:14px 22px; max-height:none; background:var(--jv-soft); }
    .jv-brand-grid { grid-template-columns:1fr 1fr; gap:8px; padding:12px 16px; max-height:none; background:var(--jv-soft); }
    .jv-brand-grid a { background:#fff; padding:10px 6px; }
    .jv-topbar-left .jv-hide-sm { display:none; }
}

/* 6. Footer (Site.master) ------------------------------------------------- */
.jv-footer { background:#1b1b1f; color:#a1a1aa; padding:70px 0 40px; font-size:14px; }
.jv-footer p { color:#a1a1aa; font-size:14px; line-height:1.7; margin-bottom:10px; }
.jv-footer a { color:#a1a1aa; }
.jv-footer a:hover { color:#fff; }
.jv-footer-logo { display:block; }
.jv-footer-logo img { display:block; width:180px; height:auto; margin-bottom:22px; }
.jv-footer-title { color:#fff; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:22px; }
.jv-footer-links { list-style:none; margin:0; padding:0; }
.jv-footer-links li { margin-bottom:10px; }
.jv-footer-phone { font-size:24px; font-weight:700; color:#fff; margin-bottom:14px; }
.jv-social { display:flex; gap:10px; list-style:none; padding:0; margin:22px 0 0; }
.jv-social a { width:38px; height:38px; border-radius:50%; border:1px solid #34343a; display:inline-flex; align-items:center; justify-content:center; color:#d4d4d8; transition:all .2s; }
.jv-social a:hover { background:var(--jv-accent); border-color:var(--jv-accent); color:#fff; }
.jv-copy { background:#141417; color:#71717a; font-size:13px; padding:20px 0; }
.jv-copy a { color:#a1a1aa; }
.jv-copy a:hover { color:#fff; }
.jv-footer .col-lg-3 { margin-bottom:30px; }

.jv-totop { position:fixed; right:22px; bottom:22px; width:44px; height:44px; border-radius:50%; background:var(--jv-accent); color:#fff; border:0; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(117,40,119,.35); opacity:0; visibility:hidden; transform:translateY(10px); transition:all .25s; z-index:999; cursor:pointer; }
.jv-totop.jv-show { opacity:1; visibility:visible; transform:none; }
.jv-totop:hover { background:var(--jv-accent-dark); }
.jv-totop:focus { outline:none; }

/* WhatsApp sohbet butonu (YayinAyar.WhatsApp) – yukarı çık butonunun üstünde */
.jv-wa { position:fixed; right:22px; bottom:78px; height:54px; min-width:54px; padding:0 16px; border-radius:27px; background:#25d366; color:#fff; display:flex; align-items:center; gap:10px; font-weight:600; font-size:15px; box-shadow:0 8px 20px rgba(0,0,0,.2); z-index:999; transition:background .2s, transform .2s; }
.jv-wa i { font-size:28px; }
.jv-wa:hover, .jv-wa:focus { background:#1ebe5b; color:#fff; text-decoration:none; transform:translateY(-2px); }
@media (max-width:767px) { .jv-wa { right:16px; bottom:74px; padding:0; justify-content:center; } .jv-wa-text { display:none; } }
@media print { .jv-wa { display:none; } }

/* Çerez bildirimi (YayinAyar.CerezBildirimi, js/cerez.js) */
.jv-cerez { position:fixed; left:0; right:0; bottom:0; background:#fff; border-top:3px solid var(--jv-accent); box-shadow:0 -8px 24px rgba(0,0,0,.12); z-index:1000; padding:16px 0; font-size:14px; color:#333; }
.jv-cerez[hidden], .jv-cerez-ayar[hidden] { display:none; }
.jv-cerez-in { display:flex; align-items:center; gap:20px; }
.jv-cerez-metin { flex:1; min-width:0; }
.jv-cerez-metin p { margin:0; line-height:1.5; }
.jv-cerez-metin a { color:var(--jv-accent); text-decoration:underline; }
.jv-cerez-ayar { margin-top:12px; display:flex; flex-direction:column; gap:8px; }
.jv-cerez-ayar label { margin:0; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; cursor:pointer; }
.jv-cerez-ayar small { color:#666; }
.jv-cerez-btn { display:flex; gap:8px; flex-shrink:0; }
.jv-cerez-btn button { height:42px; padding:0 18px; border-radius:8px; border:2px solid var(--jv-accent); background:var(--jv-accent); color:#fff; font-weight:600; cursor:pointer; white-space:nowrap; }
.jv-cerez-btn button:hover { background:var(--jv-accent-dark); border-color:var(--jv-accent-dark); }
.jv-cerez-btn .jv-cerez-ikincil { background:#fff; color:var(--jv-accent); }
.jv-cerez-btn .jv-cerez-ikincil:hover { background:#f6eef6; color:var(--jv-accent-dark); }
@media (max-width:767px) {
    .jv-cerez-in { flex-direction:column; align-items:stretch; gap:12px; }
    .jv-cerez-btn button { flex:1; padding:0 8px; }
}
@media print { .jv-cerez { display:none; } }

/* 7. Eski sayfalar için köprü stiller -------------------------------------- */

/* Sayfa başlık bandı (.home) – Jevelin titlebar görünümü */
.home { width: 100%; height: auto; min-height: 170px; overflow: hidden; background: linear-gradient(120deg, #752877 0%, #3d1240 100%); }
.home::before { content: ""; position: absolute; width: 420px; height: 420px; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); right: -110px; top: -190px; }
.home_background, .home_overlay { display: none; }
.home_content { width: 100%; min-height: 170px; padding: 48px 15px 44px; z-index: 1; }
.home_title, .home_title span { color: #fff !important; font-size: 32px !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .01em; text-align: center; margin: 0; }

/* Blog / dosya / video kart listeleri (.blog) */
.blog { padding: 60px 0 80px; background: #fff; }
.blog_posts { width: 100%; flex-wrap: wrap; gap: 30px; justify-content: flex-start !important; }
.blog_post { width: calc((100% - 60px) / 3); margin-bottom: 0; background: #fff; border: 1px solid var(--jv-line); border-radius: var(--jv-radius); overflow: hidden; transition: box-shadow .25s, transform .25s, border-color .25s; display: flex; flex-direction: column; }
.blog_post:hover { box-shadow: 0 16px 36px rgba(0,0,0,.08); transform: translateY(-3px); border-color: transparent; }
.blog_image { flex: 0 0 auto; width: 100%; aspect-ratio: 2 / 1; overflow: hidden; background: var(--jv-soft) center / cover no-repeat; }
.blog_image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.blog_post:hover .blog_image img { transform: scale(1.04); }
.blog_title { order: 1; padding: 18px 20px 6px; font-size: 16px; font-weight: 700; line-height: 1.4; color: var(--jv-ink); }
.blog_image { order: 0; }
.blog_text { order: 2; }
.blog_text { padding: 8px 20px 12px; font-size: 14px; line-height: 1.7; color: var(--jv-text); }
.blog_text h3 { font-size: 16px; font-weight: 700; margin: 8px 0 0; line-height: 1.45; }
.blog_text h3 a { color: var(--jv-ink); }
.blog_text h3 a:hover { color: var(--jv-accent); }
.blog_tags { order: 3; padding: 0 20px 12px; font-size: 12px; color: var(--jv-muted); text-transform: uppercase; letter-spacing: .05em; }
.blog_button { order: 4; margin-top: auto; padding: 0 20px 20px; }
.blog_button a { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--jv-accent); }
.blog_button a::after { content: "\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; transition: transform .2s; }
.blog_button a:hover::after { transform: translateX(4px); }

/* Tekil içerik sayfaları (.single_post) – Content, BlogDetail, NoticeDetail */
.single_post { padding: 64px 0 70px; }
.single_post_title { font-size: 32px; font-weight: 800; line-height: 1.25; color: var(--jv-ink); margin: 0 0 8px; }
.single_post_title::after { content: ""; display: block; width: 48px; height: 3px; background: var(--jv-accent); border-radius: 2px; margin-top: 18px; }
.single_post_text { margin-top: 28px; font-size: 16px; line-height: 1.8; color: var(--jv-text); }
.single_post_text p { font-size: 16px; line-height: 1.8; color: var(--jv-text); margin-bottom: 14px; }
.single_post_text p:empty { display: none; }
.single_post_text h2 { font-size: 24px; font-weight: 800; margin: 36px 0 14px; }
.single_post_text h3 { font-size: 19px; font-weight: 700; margin: 26px 0 10px; }
.single_post_text ul, .single_post_text ol { padding-left: 22px; margin-bottom: 16px; }
.single_post_text ul { list-style: disc; }
.single_post_text li { margin-bottom: 8px; line-height: 1.7; }
.single_post_text a { font-weight: 600; }
.single_post_text img { max-width: 100%; height: auto; display: block; margin: 26px auto; border-radius: 12px; }
.single_post_text table { width: 100%; border-collapse: collapse; margin: 10px 0 20px; }
.single_post_text th, .single_post_text td { border: 1px solid var(--jv-line); padding: 10px 12px; text-align: left; vertical-align: top; }
.single_post_text th { background: var(--jv-soft); color: var(--jv-ink); }
.single_post_quote { margin: 30px 0; padding: 0; background: none; border: 0; box-shadow: none; text-align: left !important; }
.quote_image:empty, .quote_name:empty { display: none; }
.quote_image img { border-radius: 14px; margin: 0 auto 24px; }
.quote_text { font-size: 16px; font-style: normal; line-height: 1.8; color: var(--jv-text); text-align: left; margin: 0; }
.quote_text p { margin-bottom: 14px; }
.quote_name { font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--jv-accent); margin-top: 18px; }
.blog_dynamic_content { font-size: 16px; line-height: 1.8; }

/* Form sayfaları (.contact_form) – FeedBack, Subcribe */
.contact_form { padding: 60px 0 80px; }
.contact_form_container { background: #fff; border: 1px solid var(--jv-line); border-radius: 18px; padding: 34px; }
.contact_form_title { font-size: 26px; font-weight: 800; color: var(--jv-ink); margin-bottom: 26px; }

/* Duyuru listesi (DevExpress kart görünümü) */
.dxbs-cardview .card { overflow: hidden; transition: box-shadow .25s; }
.dxbs-cardview .card:hover { box-shadow: 0 14px 30px rgba(0,0,0,.07); }
.dxbs-cardview .card-header { background: #fff; border-bottom: 1px solid var(--jv-line); }
.dxbs-cardview .card-header h5 { font-size: 12px; font-weight: 600; color: var(--jv-muted); letter-spacing: .05em; margin-bottom: 4px; }

@media (max-width: 991px) {
    .blog_post { width: calc((100% - 30px) / 2); }
}
@media (max-width: 767px) {
    .home, .home_content { min-height: 130px; }
    .home_content { padding: 36px 15px 32px; }
    .home_title, .home_title span { font-size: 22px !important; }
    .blog { padding: 40px 0 56px; }
    .blog_post { width: 100%; }
    .single_post { padding: 44px 0 50px; }
    .single_post_title { font-size: 24px; }
    .contact_form { padding: 40px 0 56px; }
    .contact_form_container { padding: 20px; }
}

/* 8. Ürün açıklama içeriği (.ur) ------------------------------------------
   Admin panelden ürün açıklamasına (prod.content) yapıştırılan broşür
   içerikleri için. Tüm kurallar .ur kapsayıcısı altında; ürün detaydaki
   .pd-richtext varsayılanlarını ezmek için element+sınıf seçicileri kullanılıyor. */
.ur { font-size: 15px; line-height: 1.75; color: var(--jv-text); }
.ur h2.ur-baslik { font-size: 30px; font-weight: 800; color: var(--jv-ink); line-height: 1.25; margin: 0 0 16px; letter-spacing: -.01em; }
.ur p.ur-lead { font-size: 17px; line-height: 1.75; color: var(--jv-ink); margin: 0 0 22px; }
.ur p { margin: 0 0 14px; }
.ur h2.ur-h2 { font-size: 22px; font-weight: 800; color: var(--jv-ink); margin: 44px 0 8px; line-height: 1.3; }
.ur h2.ur-h2::after { content: ""; display: block; width: 40px; height: 3px; background: var(--jv-accent); border-radius: 2px; margin-top: 12px; }
.ur h3.ur-h3 { font-size: 16px; font-weight: 700; color: var(--jv-ink); margin: 0 0 6px; line-height: 1.4; }
.ur p.ur-intro { color: var(--jv-muted); margin: 0 0 22px; }

/* Öne çıkan değerler */
.ur ul.ur-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; list-style: none; padding: 0; margin: 0 0 26px; }
.ur ul.ur-stats li { display: block; background: var(--jv-accent-soft); border-radius: 12px; padding: 16px 14px; text-align: center; margin: 0; }
.ur ul.ur-stats b { display: block; font-size: 20px; font-weight: 800; color: var(--jv-accent); line-height: 1.2; }
.ur ul.ur-stats span { display: block; font-size: 12.5px; color: var(--jv-text); margin-top: 4px; line-height: 1.4; }

/* Görsel + metin satırı */
.ur .ur-row { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; margin: 0 0 30px; }
.ur .ur-row.ur-ters .ur-img { order: 2; }
.ur .ur-img img { display: block; width: 100%; height: auto; border-radius: 14px; margin: 0; }
.ur .ur-img small { display: block; font-size: 12px; color: var(--jv-muted); margin-top: 6px; }
.ur figure.ur-fig { max-width: 760px; margin: 0 auto 30px; }
.ur figure.ur-fig img { display: block; width: 100%; height: auto; border-radius: 14px; }
.ur figure.ur-fig figcaption { font-size: 12.5px; color: var(--jv-muted); margin-top: 8px; text-align: center; }

/* Kartlar */
.ur .ur-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 0 0 26px; }
.ur .ur-card { background: #fff; border: 1px solid var(--jv-line); border-radius: 14px; padding: 18px 18px 16px; }
.ur .ur-card p { font-size: 14px; line-height: 1.65; margin: 0; }
.ur .ur-card .ur-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--jv-accent); background: var(--jv-accent-soft); border-radius: 20px; padding: 3px 10px; margin-bottom: 8px; }

/* Onay işaretli liste */
.ur ul.ur-check { list-style: none; padding: 0; margin: 0 0 18px; }
.ur ul.ur-check li { position: relative; padding-left: 28px; margin-bottom: 9px; }
.ur ul.ur-check li::before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 1px; font-size: 13px; color: var(--jv-accent); }

/* Teknik özellik tablosu */
.ur .ur-tablo { overflow-x: auto; margin: 0 0 18px; }
.ur table.ur-spec { width: 100%; max-width: 100%; border-collapse: collapse; font-size: 14px; margin: 0; }
.ur table.ur-spec th, .ur table.ur-spec td { border: 1px solid var(--jv-line); padding: 9px 12px; text-align: left; vertical-align: top; line-height: 1.55; }
.ur table.ur-spec thead th { background: var(--jv-accent); color: #fff; font-weight: 700; border-color: var(--jv-accent); }
.ur table.ur-spec tbody th { width: 34%; background: var(--jv-soft); color: var(--jv-ink); font-weight: 600; }
.ur table.ur-spec tr.ur-grup th { background: var(--jv-accent-soft); color: var(--jv-accent); font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; }
.ur table.ur-spec tr.ur-secili th, .ur table.ur-spec tr.ur-secili td { background: var(--jv-accent-soft); color: var(--jv-ink); font-weight: 700; }

/* SSS */
.ur details.ur-sss { border: 1px solid var(--jv-line); border-radius: 12px; margin: 0 0 10px; background: #fff; }
.ur details.ur-sss summary { cursor: pointer; list-style: none; padding: 15px 48px 15px 18px; font-weight: 700; color: var(--jv-ink); position: relative; }
.ur details.ur-sss summary::-webkit-details-marker { display: none; }
.ur details.ur-sss summary::after { content: "+"; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-size: 20px; font-weight: 400; color: var(--jv-accent); }
.ur details.ur-sss[open] summary::after { content: "\2013"; }
.ur details.ur-sss div { padding: 0 18px 16px; font-size: 14.5px; }
.ur p.ur-not { font-size: 12.5px; color: var(--jv-muted); border-top: 1px solid var(--jv-line); padding-top: 14px; margin-top: 30px; }

@media (max-width: 767px) {
    .ur .ur-row { grid-template-columns: 1fr; gap: 14px; }
    .ur .ur-row.ur-ters .ur-img { order: 0; }
    .ur h2.ur-baslik { font-size: 23px; }
    .ur p.ur-lead { font-size: 16px; }
    .ur h2.ur-h2 { font-size: 19px; margin-top: 34px; }
}