/* RuyamSohbet.com - Opal bire bir ana tema uyarlaması */
:root{
  --opal-blue:#0e00ff;
  --opal-red:#ec4848;
  --opal-orange:#ff9800;
  --opal-pink:#ff0d85;
  --opal-purple:#9c27b0;
  --opal-text:#1f2328;
  --opal-muted:#666f7d;
  --opal-gradient:linear-gradient(135deg,#0e00ff 0%,#ec4848 50%,#ff9800 100%);
  --opal-btn:linear-gradient(135deg,#e91e63 0%,#ff5722 100%);
  --opal-hot:linear-gradient(90deg,#ff0d85,#ffc107);
  --opal-alt:linear-gradient(90deg,#9c27b0,#e91e63);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Poppins,Arial,sans-serif;overflow-x:hidden;min-height:100vh;background:#fff;color:var(--opal-text);font-size:14px;margin:0}
a{text-decoration:none}.opal-main{overflow:hidden}.headerbas{background:var(--opal-gradient);box-shadow:0 12px 48px rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.35);position:sticky;top:0;z-index:1000}.header{padding:.675rem;color:#fff}.headerbasmenu{background:transparent!important}.analogo{height:auto;max-width:301px;width:100%;object-fit:contain}.navbar-brand{display:flex;align-items:center}.nav-link{color:#fff!important;font-weight:700;font-size:14px;transition:.3s;padding:.6rem .45rem!important}.nav-link:hover{color:#facc15!important}.nav-cta{border:1px solid #fff;border-radius:12px;padding:.65rem 1.25rem!important;margin-left:10px;color:#fff!important;min-width:132px;text-align:center;justify-content:center}.nav-cta:hover{background:rgba(255,255,255,.18);color:#fff!important}.navbar-toggler{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.16);border-radius:12px}.navbar-toggler i{color:#fff}.hero-section{position:relative;display:flex;align-items:center;justify-content:center;min-height:530px;background:url('images/arka.png') center/cover no-repeat,var(--opal-gradient);z-index:0;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.01);pointer-events:none}.hero-section .container{position:relative;z-index:2}.glass{border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 48px rgba(0,0,0,.2);backdrop-filter:blur(18px)}.login-box{width:100%;padding:3rem;border-radius:2rem;background:rgba(255,255,255,.16);background-size:120px;animation:fadeInUp 1.2s ease-in-out}.login-box h2{font-size:28px;font-weight:900;color:#fff;margin:0 0 18px;text-align:center}.hero-subtitle{font-size:1.25rem;font-weight:700;opacity:.93;text-shadow:0 2px 4px rgba(0,0,0,.20);animation:fadeIn 1.5s ease-in-out;color:#fff;text-align:center;margin-bottom:32px}.input-wrap{position:relative}.input-wrap img{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;object-fit:contain;z-index:3}.form-control{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:1rem;padding:1rem;font-weight:700;transition:.3s}.form-control::placeholder{color:#fff}.form-control:focus{background:rgba(255,255,255,.15);border-color:#facc15;box-shadow:0 0 15px rgba(250,204,21,.5);color:#fff}.hero-note{font-size:.95rem;font-weight:500;opacity:.9;display:flex;align-items:center;gap:.5rem;color:#fff;margin:1rem 0}.hero-note img{width:16px;height:16px}.connect-btn,.connect-btn2{color:#fff;padding:1.18rem;font-weight:800;transition:.3s;border:none;border-radius:1rem;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;font-size:13px}.connect-btn{background:var(--opal-hot)}.connect-btn2{background:var(--opal-alt)}.connect-btn:hover,.connect-btn2:hover{color:#fff;transform:translateY(-2px);filter:saturate(1.1)}.connect-btn img,.connect-btn2 img{width:24px;height:24px}.sagciftgorsel{object-fit:contain;max-width:431px;width:100%;height:auto}.why-block{padding-top:18px;text-align:center;color:#fff;position:relative}.why-block h1{font-size:34px;line-height:1.12;font-weight:900;margin:20px 0 14px;text-shadow:0 3px 10px rgba(0,0,0,.18)}.why-block p{font-size:17px;line-height:1.65;font-weight:500;max-width:520px;margin:0 auto 18px;color:#fff}.store-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.gradient-btn{border:none;padding:12px 24px;border-radius:1rem;color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:10px;background:var(--opal-btn);transition:.3s;text-decoration:none}.gradient-btn:hover{background:var(--opal-hot);color:#fff}.gradient-btn img{width:22px;height:22px}.floating-shape{position:absolute;border-radius:30%;background:rgba(255,255,255,.15);animation:float 8s ease-in-out infinite;box-shadow:0 0 20px rgba(255,255,255,.3)}.shape-1{width:180px;height:180px;top:15%;left:10%}.shape-2{width:120px;height:120px;top:65%;right:8%;animation-delay:2.5s}.shape-3{width:100px;height:100px;bottom:15%;left:20%;animation-delay:5s}.shape-4{width:140px;height:140px;top:40%;right:15%;animation-delay:1.5s}.solresim,.sagresim{position:absolute;bottom:0;z-index:1;height:360px;width:auto;object-fit:contain;pointer-events:none}.solresim{left:15px}.sagresim{right:15px}.hero-emoji{position:absolute;z-index:2;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.12));animation:float 8s ease-in-out infinite}.hero-emoji.e1{left:55%;top:18%}.hero-emoji.e2{left:70%;top:20%;animation-delay:1s}.hero-emoji.e3{left:54%;top:42%;animation-delay:2s}.hero-emoji.e4{right:24%;top:42%;animation-delay:2.5s}.feature-section{background-color:#fee;border-bottom:1px solid rgba(0,0,0,.06)}.feature-item{display:flex;align-items:center;justify-content:center;gap:14px;font-size:1rem;color:#333;font-weight:800;padding:15px;box-sizing:border-box;min-height:70px;border-right:1px solid #d5d5d5}.feature-section .col:last-child .feature-item{border-right:none}.feature-section .svg-icon{width:64px;height:64px;object-fit:contain}.main-section{position:relative;background:#fff;padding:42px 0 36px}.main-section .container{position:relative;z-index:2}.floating-decor{position:absolute;z-index:1;width:48px;height:auto;object-fit:contain;pointer-events:none}.decor-left-top{left:7%;top:118px;transform:rotate(-30deg)}.decor-left-mid{left:6%;top:520px;transform:rotate(-20deg)}.decor-right-top{right:7%;top:135px;transform:rotate(30deg)}.decor-right-mid{right:6%;top:520px;transform:rotate(22deg)}.side-person{position:absolute;bottom:0;z-index:1;pointer-events:none}.side-person.left{left:45px;height:245px}.side-person.right{right:55px;height:250px}.section-heading{font-size:30px;font-weight:900;margin:0 0 20px;color:#202124}.blog-card{transition:box-shadow .3s,transform .3s;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.10);border:1px solid #e7e7e7;height:100%}.blog-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.14);transform:translateY(-5px)}.blog-img{width:100%;height:173px;object-fit:cover;display:block;border-top-left-radius:1rem;border-top-right-radius:1rem}.blog-body{padding:18px}.blog-title{color:#202124;text-decoration:none;font-size:17px;line-height:1.28;font-weight:900;margin:0 0 12px;display:block}.blog-title:hover{text-decoration:underline;color:#0d6efd}.blog-excerpt{font-size:14px;line-height:1.55;color:#59616e;margin:0 0 14px}.blog-meta{display:flex;align-items:center;gap:26px;color:#545b64;font-size:12px;margin-bottom:14px}.blog-meta span{display:inline-flex;align-items:center;gap:6px}.devaminioku{background:var(--opal-btn);border:none;border-radius:1rem;color:#fff!important;font-weight:800;padding:10px 18px;display:inline-flex;font-size:13px}.kategori-baslik{display:flex;align-items:center;font-size:1.2rem;font-weight:800;margin-bottom:25px;padding:16px 20px;border-radius:12px;color:#fff;background:var(--opal-btn)}.kategori-menu{width:100%;position:relative;list-style:none;padding:0;margin:0}.kategori-menu li{margin-bottom:10px;border-radius:14px;overflow:hidden;position:relative}.kategori-menu li a{display:flex;align-items:center;gap:16px;padding:15px 20px;font-size:1rem;font-weight:800;transition:.3s;width:100%;height:100%;color:#fff!important;text-decoration:none}.kategori-menu li:nth-child(5n+1) a{background:linear-gradient(135deg,#e91e63 0,#ff5722 100%)}.kategori-menu li:nth-child(5n+2) a{background:linear-gradient(135deg,#711ee9 0,#f4366d 100%)}.kategori-menu li:nth-child(5n+3) a{background:linear-gradient(135deg,#2196f3 0,#5065d9 100%)}.kategori-menu li:nth-child(5n+4) a{background:linear-gradient(135deg,#009688 0,#4caf50 100%)}.kategori-menu li:nth-child(5n+5) a{background:linear-gradient(135deg,#df6262 0,#2657eb 100%)}.kategori-menu li:hover a{transform:translateX(3px)}.kategori-menu li .icon{width:30px;height:30px;border-radius:50%;background-color:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:16px;z-index:1}.popular-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.10);border:1px solid #e7e7e7;margin-bottom:22px}.popular-card img{width:100%;height:166px;object-fit:cover;display:block}.popular-card a{display:block;color:#111;font-weight:900;padding:16px 18px;text-decoration:none}.custom-pagination{text-align:center;margin-top:2rem}.custom-pagination .pagination{display:inline-flex;gap:8px;list-style:none;padding-left:0}.custom-pagination .page-numbers{display:inline-block;padding:8px 14px;background:#f0f0f0;color:#333;text-decoration:none;border-radius:8px;font-weight:700;transition:.3s;border:1px solid #ddd}.custom-pagination .page-numbers.current{background:#000;color:#fff;border-color:transparent}.footer-gradient{background:linear-gradient(135deg,#5a00ff,#eb004f,#ff9800);background-size:400% 400%;animation:footerAnim 15s infinite;color:#fff;padding:70px 0 0;position:relative;overflow:hidden;margin-top:0}.footer-gradient a{color:#fff!important;text-decoration:none}.footer-gradient a:hover{text-decoration:underline;color:#ffd!important}.footer-gradient h5{font-size:15px;font-weight:900;text-transform:uppercase;margin-bottom:24px}.footer-gradient p,.footer-gradient li,.footer-gradient a{font-size:14px;line-height:1.8}.footer-list{list-style:none;margin:0;padding:0}.footer-social{display:flex;align-items:center;justify-content:flex-end;gap:10px}.footer-social a{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18)}.footer-social img{width:18px;height:18px}.footer-line{border-top:1px solid rgba(255,255,255,.18);margin-top:42px;padding:20px 0}.copyright{font-size:13px}.hero-section2{position:relative;display:flex;background:url(images/arka.png) center/cover no-repeat,var(--opal-gradient);z-index:0;overflow:hidden;padding:3rem 0;align-items:center;justify-content:center}.login-box2{width:100%;padding:2rem;border-radius:2rem;background:rgba(255,255,255,.16);background-size:120px;animation:fadeInUp 1.2s ease-in-out}.page-title-opal{font-size:38px;font-weight:900;color:#fff;margin:0}.anaarkasayfa{background:#fff;border:1px solid #dee2e6;border-radius:1rem;padding:3rem!important}.article-content{line-height:1.85;color:#555}.article-content h1,.article-content h2,.article-content h3{color:#333;font-weight:800;margin-bottom:1.2rem}.article-content p{color:#555;line-height:1.8;margin-bottom:1rem}.featured-image{overflow:hidden;border-radius:1rem}.featured-image img{width:100%;height:auto;display:block;object-fit:cover;border-radius:1rem;max-height:500px}.bilesen ul{list-style-type:none;padding-left:0}.bilesen ul li{line-height:2}.bilesen ul li a{color:#fff;text-decoration:none}.kategori-ic a{color:rgba(33,37,41,.75)!important;margin-left:5px;text-decoration:none}.postpages a{color:#000!important}.comments-area .form-control{color:#000!important;border:1px solid #dee2e6}.comments-area .form-control::placeholder{color:#777}.comments-area .form-control:focus{color:#000!important;background:#fff}.mobile-only{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-15px)}100%{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-50px) rotate(10deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:.9}}@keyframes footerAnim{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1280px}.col-xxl-5ths{flex:0 0 auto;width:20%}}
@media (max-width:1400px){.solresim,.sagresim{height:300px}.side-person.left{left:0}.side-person.right{right:0}.hero-section{min-height:520px}.login-box{padding:2.2rem}}
@media (max-width:1200px){.solresim,.sagresim,.side-person{display:none}.nav-link{font-size:13px}.hero-section{min-height:auto;padding:55px 0}.why-block{margin-top:30px}.blog-img{height:180px}}
@media (max-width:992px){.headerbasmenu{background:var(--opal-gradient)!important;box-shadow:0 12px 48px rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.35)}.analogo{max-width:220px}.navbar-collapse{background:rgba(38,24,76,.96);border:1px solid rgba(255,255,255,.22);border-radius:20px;margin-top:15px;padding:12px}.nav-cta{margin-left:0}.login-box{padding:1.6rem;border-radius:2rem}.connect-btn,.connect-btn2{padding:1rem}.feature-item{border-right:0;border-bottom:1px solid #d5d5d5}.hero-emoji{display:none}.main-section{padding-top:35px}.footer-social{justify-content:flex-start}}
@media (max-width:768px){.header{padding:0!important}.hero-subtitle{font-size:1rem}.blog-img{height:180px}.section-heading{font-size:26px}.why-block h1{font-size:28px}.store-row .gradient-btn{width:100%;justify-content:center}.footer-gradient{text-align:left}.mobile-only{display:block}}
@media (max-width:576px){.hero-section{padding:35px 0}.login-box h2{font-size:24px}.login-box{padding:1.35rem;border-radius:1.4rem}.blog-card{max-width:360px;margin-left:auto;margin-right:auto}.popular-card{max-width:360px}.anaarkasayfa{padding:1.4rem!important}.page-title-opal{font-size:28px}}


/* =========================================================
   RuyamSohbet Opal - Gövde ve footer uyum final düzeltmesi
   Amaç: Hero bozulmadan alt gövdeyi demo şemasına oturtmak
   ========================================================= */
body{background:#fff!important;color:#202124!important}
.opal-main{background:#fff!important;overflow:hidden!important}
.headerbas + .opal-main{margin-top:0!important}
.hero-section{margin:0!important}
.feature-section{margin:0!important;background:#fff0f0!important;position:relative;z-index:3}
.feature-section .container,
.main-section .container,
.footer-gradient .container{max-width:1280px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px!important;padding-right:18px!important}
.feature-section .row{display:flex!important;flex-wrap:wrap!important;margin-left:0!important;margin-right:0!important}
.feature-section .col-md-3{padding-left:0!important;padding-right:0!important}
.feature-item{height:86px!important;padding:12px 18px!important;white-space:normal!important;line-height:1.25!important;background:rgba(255,255,255,.35)!important}
.feature-section .svg-icon{width:58px!important;height:58px!important;flex:0 0 58px!important}
.main-section{background:#fff!important;padding:42px 0 64px!important;position:relative!important;overflow:hidden!important;clear:both!important;z-index:2!important}
.main-section .row.g-4{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;--bs-gutter-x:1.65rem!important;--bs-gutter-y:1.65rem!important}
.main-section .section-heading{font-size:30px!important;line-height:1.2!important;margin:0 0 22px!important;color:#202124!important;font-weight:900!important}
.blog-card{display:flex!important;flex-direction:column!important;height:100%!important;min-height:352px!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 18px rgba(0,0,0,.10)!important;border:1px solid #e7e7e7!important;overflow:hidden!important}
.blog-img{height:173px!important;object-fit:cover!important;width:100%!important;display:block!important}
.blog-body{display:flex!important;flex-direction:column!important;flex:1!important;padding:18px!important}
.blog-title{min-height:44px!important;margin-bottom:10px!important;color:#202124!important;font-weight:900!important}
.blog-excerpt{min-height:66px!important;color:#59616e!important;margin-bottom:12px!important}
.blog-meta{margin-top:auto!important;margin-bottom:12px!important;gap:20px!important;flex-wrap:wrap!important}
.devaminioku{align-self:flex-start!important;background:linear-gradient(135deg,#e91e63 0%,#ff5722 100%)!important;color:#fff!important;border-radius:12px!important;font-weight:800!important;padding:10px 18px!important;text-decoration:none!important}
.opal-main aside.col-lg-4{position:relative!important;z-index:4!important}
.kategori-baslik{margin-bottom:16px!important;border-radius:12px!important;background:linear-gradient(135deg,#e91e63 0%,#ff5722 100%)!important;color:#fff!important;box-shadow:none!important}
.kategori-menu{margin:0 0 34px!important;padding:0!important;list-style:none!important}
.kategori-menu li{list-style:none!important;margin-bottom:11px!important;border-radius:12px!important;box-shadow:0 4px 10px rgba(0,0,0,.08)!important}
.kategori-menu li a{min-height:47px!important;border-radius:12px!important}
.popular-card{border-radius:14px!important;background:#fff!important;box-shadow:0 5px 18px rgba(0,0,0,.10)!important;overflow:hidden!important;margin-bottom:22px!important}
.popular-card img{height:166px!important;object-fit:cover!important;width:100%!important}
.custom-pagination{display:flex!important;align-items:center!important;justify-content:center!important;margin-top:26px!important}
.floating-decor{z-index:0!important}.side-person{z-index:1!important}.main-section .container{position:relative!important;z-index:5!important}
.footer-gradient{margin-top:0!important;padding:64px 0 0!important;background:linear-gradient(135deg,#5a00ff 0%,#ba00cf 45%,#eb004f 100%)!important;color:#fff!important;position:relative!important;z-index:2!important}
.footer-gradient .row{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;--bs-gutter-x:2rem!important;--bs-gutter-y:2rem!important}
.footer-gradient h5{color:#fff!important;font-weight:900!important;margin-bottom:22px!important;letter-spacing:.2px!important}
.footer-gradient p,.footer-gradient li,.footer-gradient a{color:#fff!important;font-weight:500!important}
.footer-list li{margin-bottom:4px!important}.footer-line{border-top:1px solid rgba(255,255,255,.22)!important;margin-top:42px!important;padding:22px 0!important}.copyright{color:#fff!important;font-size:13px!important}
.footer-social{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important}
.footer-social a{width:30px!important;height:30px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;text-decoration:none!important;box-shadow:0 7px 18px rgba(0,0,0,.18)!important;transition:transform .2s ease,filter .2s ease!important;font-size:14px!important;background:rgba(255,255,255,.2)!important}
.footer-social a:hover{transform:translateY(-2px)!important;filter:saturate(1.2)!important;text-decoration:none!important}
.footer-social a.social-facebook{background:#3656a8!important}.footer-social a.social-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)!important}.footer-social a.social-twitter{background:#1da1f2!important}.footer-social a.social-youtube{background:#ff0000!important}.footer-social a.social-whatsapp{background:#25d366!important}
.footer-social img{display:none!important}
.footer-social i{line-height:1!important;color:#fff!important}
@media (min-width:992px){
  .main-section .col-lg-8{flex:0 0 auto!important;width:66.66666667%!important;max-width:66.66666667%!important}
  .main-section aside.col-lg-4{flex:0 0 auto!important;width:33.33333333%!important;max-width:33.33333333%!important;padding-left:18px!important}
  .main-section .col-xl-4{flex:0 0 auto!important;width:33.33333333%!important;max-width:33.33333333%!important}
  .footer-gradient .col-lg-3{flex:0 0 auto!important;width:25%!important}.footer-gradient .col-lg-2{flex:0 0 auto!important;width:16.66666667%!important}.footer-gradient .col-lg-4{flex:0 0 auto!important;width:33.33333333%!important}
}
@media (max-width:1200px){.main-section .container,.feature-section .container,.footer-gradient .container{max-width:960px!important}.side-person{display:none!important}.floating-decor{opacity:.55!important}}
@media (max-width:991.98px){.main-section .col-lg-8,.main-section aside.col-lg-4{width:100%!important;max-width:100%!important}.main-section{padding:34px 0 46px!important}.feature-item{height:auto!important;min-height:76px!important;border-right:0!important;border-bottom:1px solid #ffd0d0!important}.footer-social{justify-content:flex-start!important}.footer-line{align-items:flex-start!important}}
@media (max-width:767.98px){.main-section .row.g-4{--bs-gutter-x:1rem!important;--bs-gutter-y:1rem!important}.blog-card{max-width:380px!important;margin-left:auto!important;margin-right:auto!important}.footer-gradient{padding-top:44px!important}.footer-gradient .container{padding-left:22px!important;padding-right:22px!important}.footer-line{display:block!important}.footer-social{margin-top:16px!important}.section-heading{font-size:26px!important}}


/* =========================================================
   RuyamSohbet Opal - Hero dikey giriş kartları
   Gönderilen örnekteki CTA mantığı Opal hero içine alt alta uyarlandı
   ========================================================= */
.hero-section{min-height:640px!important;padding:58px 0 42px!important;align-items:center!important}
.hero-section .row.align-items-center{align-items:center!important;justify-content:center!important;--bs-gutter-x:2.8rem!important}
.opal-hero-action-panel{width:100%!important;max-width:610px!important;min-height:500px!important;margin:0 auto!important;padding:34px 34px 32px!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.08))!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 28px 80px rgba(43,0,80,.30), inset 0 1px 0 rgba(255,255,255,.24)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;animation:fadeInUp 1.1s ease-in-out!important;position:relative!important;overflow:hidden!important}
.opal-hero-action-panel::before{content:"";position:absolute;inset:-35% auto auto -20%;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(255,23,126,.38),transparent 68%);pointer-events:none!important}
.opal-hero-action-panel::after{content:"";position:absolute;right:-90px;bottom:-90px;width:230px;height:230px;border-radius:999px;background:radial-gradient(circle,rgba(255,180,0,.30),transparent 68%);pointer-events:none!important}
.opal-action-head{position:relative;z-index:2;text-align:center;margin-bottom:26px!important;color:#fff!important}
.opal-action-head span{display:inline-flex!important;align-items:center;justify-content:center;margin-bottom:8px!important;padding:6px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.24)!important;font-size:11px!important;font-weight:900!important;letter-spacing:1.8px!important;text-transform:uppercase!important;color:#fff!important}
.opal-action-head h2{font-size:34px!important;line-height:1.08!important;font-weight:950!important;color:#fff!important;margin:0 0 10px!important;text-shadow:0 4px 16px rgba(0,0,0,.22)!important}
.opal-action-head p{font-size:17px!important;font-weight:750!important;line-height:1.45!important;color:#fff!important;opacity:.95!important;margin:0!important;text-shadow:0 2px 8px rgba(0,0,0,.16)!important}
.opal-action-stack{position:relative;z-index:2;display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important}
.opal-action-card{position:relative!important;display:flex!important;align-items:center!important;gap:18px!important;width:100%!important;min-height:92px!important;padding:20px 22px!important;border-radius:23px!important;text-decoration:none!important;color:#fff!important;overflow:hidden!important;isolation:isolate!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,filter .25s ease!important}
.opal-action-card::before{content:"";position:absolute;inset:0;z-index:-2;background:rgba(0,0,0,.28)!important}
.opal-action-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 52%,rgba(255,255,255,.04));opacity:.9!important}
.opal-action-card:hover{transform:translateY(-4px)!important;text-decoration:none!important;filter:saturate(1.12)!important}
.opal-action-icon{width:64px!important;height:64px!important;min-width:64px!important;border-radius:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:26px!important;color:#fff!important;box-shadow:0 14px 36px rgba(0,0,0,.18)!important}
.opal-action-text{display:flex!important;flex-direction:column!important;min-width:0!important;flex:1!important}
.opal-action-text strong{font-size:21px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:.3px!important;color:#fff!important;font-family:Poppins,Arial,sans-serif!important;text-shadow:0 2px 8px rgba(0,0,0,.20)!important}
.opal-action-text small{font-size:13px!important;line-height:1.3!important;margin-top:7px!important;font-weight:700!important;color:rgba(255,255,255,.72)!important}
.opal-action-arrow{width:38px!important;height:38px!important;min-width:38px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;transition:transform .25s ease,background .25s ease!important}
.opal-action-card:hover .opal-action-arrow{transform:translateX(4px)!important;background:rgba(255,255,255,.22)!important}
.opal-action-chat{background:linear-gradient(135deg,rgba(255,23,126,.35),rgba(255,94,98,.18))!important;border:1px solid rgba(255,61,113,.45)!important;box-shadow:0 16px 44px rgba(255,23,126,.18)!important}
.opal-action-chat .opal-action-icon{background:linear-gradient(135deg,#ff176f,#ff5e62)!important}
.opal-action-system{background:linear-gradient(135deg,rgba(0,201,167,.22),rgba(0,84,72,.14))!important;border:1px solid rgba(0,201,167,.25)!important;box-shadow:0 16px 44px rgba(0,201,167,.09)!important}
.opal-action-system .opal-action-icon{background:linear-gradient(135deg,#007d68,#00c9a7)!important}
.opal-action-register{background:linear-gradient(135deg,rgba(255,159,67,.34),rgba(255,87,34,.14))!important;border:1px solid rgba(255,159,67,.42)!important;box-shadow:0 16px 44px rgba(255,159,67,.12)!important}
.opal-action-register .opal-action-icon{background:linear-gradient(135deg,#ff9f43,#ff6b00)!important}
.opal-action-card.is-disabled{opacity:.72!important;pointer-events:none!important;cursor:default!important}
.opal-action-note{position:relative;z-index:2;margin-top:18px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:13px 16px!important;border-radius:16px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.18)!important;color:rgba(255,255,255,.88)!important;font-size:13px!important;font-weight:700!important}
.opal-action-note i{color:#fff!important}
@media (min-width:1200px){.hero-section .col-xl-5:first-of-type{flex:0 0 auto!important;width:43.5%!important}.hero-section .col-xl-5.why-block{flex:0 0 auto!important;width:43.5%!important}.opal-hero-action-panel{transform:translateX(8px)!important}}
@media (max-width:1200px){.opal-hero-action-panel{max-width:560px!important;min-height:470px!important}.hero-section{padding:48px 0!important}}
@media (max-width:992px){.hero-section .row.align-items-center{--bs-gutter-x:1.2rem!important}.opal-hero-action-panel{max-width:680px!important;min-height:auto!important;padding:28px!important}.opal-action-card{min-height:82px!important}.why-block{margin-top:24px!important}}
@media (max-width:576px){.opal-hero-action-panel{padding:22px!important;border-radius:24px!important}.opal-action-head h2{font-size:27px!important}.opal-action-head p{font-size:15px!important}.opal-action-card{min-height:78px!important;padding:16px!important;border-radius:18px!important;gap:13px!important}.opal-action-icon{width:54px!important;height:54px!important;min-width:54px!important;font-size:21px!important}.opal-action-text strong{font-size:17px!important}.opal-action-text small{font-size:12px!important}.opal-action-arrow{display:none!important}.hero-section{padding:34px 0!important}}

/* =========================================================
   Admin yönetimli hızlı giriş kartları
   ========================================================= */
.opal-action-dynamic{background:linear-gradient(135deg,color-mix(in srgb,var(--quick-color,#ff3d71) 42%,transparent),rgba(0,0,0,.22))!important;border:1px solid color-mix(in srgb,var(--quick-color,#ff3d71) 58%,transparent)!important;box-shadow:0 16px 44px color-mix(in srgb,var(--quick-color,#ff3d71) 20%,transparent)!important}
.opal-action-dynamic::before{background:linear-gradient(135deg,color-mix(in srgb,var(--quick-color,#ff3d71) 30%,rgba(0,0,0,.22)),rgba(0,0,0,.24)),var(--quick-bg,none)!important;background-size:cover!important;background-position:center!important;opacity:1!important}
.opal-action-dynamic .opal-action-icon{background:linear-gradient(135deg,var(--quick-color,#ff3d71),color-mix(in srgb,var(--quick-color,#ff3d71) 62%,#000))!important}
.opal-action-dynamic .opal-action-icon img{width:32px!important;height:32px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))!important}
.opal-action-dynamic.is-disabled{opacity:.58!important;filter:saturate(.75)!important;pointer-events:none!important}
@supports not (color: color-mix(in srgb, red, blue)){
  .opal-action-dynamic{background:linear-gradient(135deg,rgba(255,61,113,.35),rgba(0,0,0,.22))!important;border-color:rgba(255,255,255,.25)!important}
  .opal-action-dynamic .opal-action-icon{background:var(--quick-color,#ff3d71)!important}
}

/* =========================================================
   Opal - İç sayfa CTA + iletişim/destek restorize paketi
   ========================================================= */
.opal-quick-grid{display:grid!important;gap:18px!important;width:100%!important;position:relative!important;z-index:2!important}
.opal-quick-grid-stack,.opal-quick-grid-hero{grid-template-columns:1fr!important}
.opal-quick-grid-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.opal-quick-card{position:relative!important;min-height:96px!important;display:flex!important;align-items:center!important;gap:20px!important;padding:22px 26px!important;border-radius:24px!important;overflow:hidden!important;text-decoration:none!important;color:#fff!important;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 22px 60px rgba(0,0,0,.28)!important;isolation:isolate!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
.opal-quick-card::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,color-mix(in srgb,var(--quick-color,#ff3d71) 22%,rgba(13,13,13,.88)),rgba(13,13,13,.86)),var(--quick-bg,none)!important;background-size:cover!important;background-position:center!important;opacity:1!important}
.opal-quick-card::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 18% 50%,color-mix(in srgb,var(--quick-color,#ff3d71) 20%,transparent),transparent 45%),linear-gradient(105deg,rgba(255,255,255,.08),transparent 55%)!important;opacity:.95!important}
.opal-quick-card:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--quick-color,#ff3d71) 55%,rgba(255,255,255,.14))!important;box-shadow:0 26px 72px rgba(0,0,0,.36),0 0 32px color-mix(in srgb,var(--quick-color,#ff3d71) 25%,transparent)!important;color:#fff!important;text-decoration:none!important}
.opal-quick-icon{width:64px!important;height:64px!important;min-width:64px!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:27px!important;color:#fff!important;background:linear-gradient(135deg,var(--quick-color,#ff3d71),color-mix(in srgb,var(--quick-color,#ff3d71) 62%,#000))!important;box-shadow:0 14px 34px color-mix(in srgb,var(--quick-color,#ff3d71) 30%,transparent)!important}
.opal-quick-icon img{width:34px!important;height:34px!important;object-fit:contain!important;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))!important}
.opal-quick-body{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;flex:1!important}
.opal-quick-body strong{font-size:22px!important;line-height:1.08!important;font-weight:950!important;letter-spacing:.4px!important;color:var(--quick-color,#ff3d71)!important;text-transform:uppercase!important;text-shadow:0 2px 16px rgba(0,0,0,.30)!important}
.opal-quick-body small{font-size:14px!important;line-height:1.35!important;font-weight:700!important;color:rgba(255,255,255,.66)!important}
.opal-quick-arrow{width:38px!important;height:38px!important;min-width:38px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;opacity:.75!important;transition:.25s ease!important}
.opal-quick-card:hover .opal-quick-arrow{transform:translateX(5px)!important;background:color-mix(in srgb,var(--quick-color,#ff3d71) 26%,rgba(255,255,255,.08))!important;opacity:1!important}
.opal-quick-card.is-disabled{opacity:.42!important;pointer-events:none!important;filter:saturate(.75)!important}
.opal-quick-register .opal-quick-body strong{color:#ff9f43!important}.opal-quick-system .opal-quick-body strong{color:#00c9a7!important}
@supports not (color: color-mix(in srgb, red, blue)){.opal-quick-card::before{background:linear-gradient(135deg,rgba(255,61,113,.30),rgba(13,13,13,.86))!important}.opal-quick-icon{background:var(--quick-color,#ff3d71)!important}.opal-quick-card:hover{border-color:rgba(255,255,255,.24)!important}}

.opal-hero-action-panel{background:linear-gradient(145deg,rgba(10,10,18,.48),rgba(255,255,255,.08))!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 32px 95px rgba(40,0,75,.36),inset 0 1px 0 rgba(255,255,255,.18)!important}
.opal-action-head span{background:rgba(255,255,255,.10)!important}.opal-action-note{background:rgba(10,10,18,.26)!important}

.opal-inner-cta{position:relative;overflow:hidden;background:url('images/arka.png') center/cover no-repeat,var(--opal-gradient);padding:42px 0 34px!important;min-height:260px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.06)}
.opal-inner-cta::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,0,255,.08),rgba(255,255,255,.03),rgba(255,152,0,.08));pointer-events:none}
.opal-inner-cta .container{position:relative;z-index:3}.opal-inner-person{position:absolute;bottom:0;z-index:1;height:245px;width:auto;object-fit:contain;pointer-events:none}.opal-inner-left{left:28px}.opal-inner-right{right:28px}.opal-inner-title{text-align:center;color:#fff;margin-bottom:22px;text-shadow:0 5px 18px rgba(0,0,0,.18)}.opal-inner-title h1{font-size:36px;font-weight:950;margin:0 0 8px;color:#fff}.opal-inner-title a{color:#fff!important}.opal-inner-title span{margin:0 9px;color:rgba(255,255,255,.78)}.opal-inner-title div{font-weight:800;font-size:13px;color:#fff}
.opal-inner-quick-panel{max-width:1320px;margin:0 auto;padding:28px;border-radius:27px;background:linear-gradient(135deg,rgba(9,12,20,.82),rgba(21,9,14,.78))!important;border:1px solid rgba(255,255,255,.12);box-shadow:0 25px 80px rgba(0,0,0,.32);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.opal-inner-kicker{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px;font-weight:900;margin:0 0 18px;letter-spacing:.3px}.opal-inner-kicker i{color:#ff3d71;text-shadow:0 0 12px rgba(255,61,113,.65)}

.opal-detail-section{padding-top:44px!important}.opal-detail-section .container{max-width:1180px!important}.opal-detail-card{box-shadow:0 10px 34px rgba(0,0,0,.08)!important;border-color:#e9e9ef!important}.opal-detail-card h1{font-size:34px!important;line-height:1.2!important;margin:0 0 16px!important;color:#1f2328!important}.opal-post-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:#687080;font-weight:600}.opal-post-meta i{color:#ff3d71}.opal-content-body{font-size:15px;color:#3d4550;line-height:1.9}.opal-content-body h1,.opal-content-body h2,.opal-content-body h3{color:#1f2328!important;font-weight:900!important;margin:28px 0 12px!important}.opal-content-body p{color:#3d4550!important;line-height:1.9!important}.opal-content-body ul,.opal-content-body ol{padding-left:22px;margin-bottom:18px}.opal-content-body li{margin-bottom:8px}.opal-comment-alert{background:#fff1c2;border:1px solid #ffdf71;color:#6e5512;border-radius:12px;padding:14px 18px;font-weight:700;margin-bottom:18px}.opal-comment-box{border:1px solid #e8e8ef;border-radius:16px;padding:28px;background:#fff}.opal-comment-box h3{font-size:18px!important;margin-bottom:5px!important}.opal-submit-small,.opal-submit-btn{border:0;border-radius:13px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--opal-btn);color:#fff!important;box-shadow:0 8px 22px rgba(233,30,99,.22);transition:.25s ease}.opal-submit-small{padding:10px 16px;font-size:13px}.opal-submit-btn{padding:15px 24px;font-size:15px}.opal-submit-small:hover,.opal-submit-btn:hover{transform:translateY(-2px);filter:saturate(1.08)}

.opal-form-card{padding:36px!important}.opal-form-head{margin-bottom:24px}.opal-form-head span{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;background:#fff0f5;color:#ff3d71;font-weight:900;font-size:12px;margin-bottom:12px}.opal-form-head h1{font-size:34px!important;margin-bottom:8px!important}.opal-form-head p{font-size:15px!important;color:#657082!important;line-height:1.75!important;margin:0!important}.opal-page-form label{display:block;font-size:13px;font-weight:900;color:#29313d;margin-bottom:8px}.opal-page-form .form-control{background:#fff!important;border:1px solid #e1e5ee!important;border-radius:13px!important;color:#1f2328!important;font-weight:600!important;padding:13px 15px!important;box-shadow:none!important}.opal-page-form .form-control::placeholder{color:#99a1b3!important}.opal-page-form .form-control:focus{border-color:#ff3d71!important;box-shadow:0 0 0 4px rgba(255,61,113,.11)!important}.opal-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;margin-bottom:20px;font-weight:700}.opal-alert-success{background:#eafaf2;color:#087a43;border:1px solid #b7efcf}.opal-alert-error{background:#fff0f0;color:#a32121;border:1px solid #ffcaca}.opal-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 28px}.opal-contact-cards div{border-radius:16px;background:linear-gradient(135deg,#fff,#fff7fb);border:1px solid #f1dbe6;padding:18px;display:flex;flex-direction:column;gap:5px}.opal-contact-cards i{font-size:25px;color:#ff3d71}.opal-contact-cards strong{font-size:14px;color:#1f2328}.opal-contact-cards span{font-size:12px;color:#6a7382;font-weight:700;word-break:break-word}

.opal-ticket-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #e9e9ef;border-radius:17px;padding:18px;margin-bottom:20px;background:#fff}.opal-ticket-head strong{display:block;font-size:18px;color:#1f2328}.opal-ticket-head span{font-size:12px;color:#777;font-weight:800}.opal-ticket-head em{font-style:normal;border-radius:999px;padding:7px 12px;font-weight:900;font-size:12px;color:#fff}.status-open{background:#3b82f6}.status-answered{background:#10b981}.status-waiting{background:#f59e0b}.status-closed{background:#6b7280}.opal-ticket-messages{display:flex;flex-direction:column;gap:14px}.opal-ticket-message{border:1px solid #e8e8ef;border-radius:16px;padding:16px 18px;background:#fff}.opal-ticket-message.is-admin{background:#fff7fb;border-color:#ffcfe2}.opal-ticket-message b{display:block;color:#ff3d71;margin-bottom:6px}.opal-ticket-message p{margin:0 0 8px;color:#384150;line-height:1.75}.opal-ticket-message small{color:#7d8796}.opal-track-box{margin-top:28px;border-radius:18px;border:1px dashed #ffd1e1;background:#fff7fb;padding:20px}.opal-track-box h3{font-size:18px!important;margin-bottom:14px!important}.opal-track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}

@media(max-width:1200px){.opal-inner-person{opacity:.55}.opal-quick-grid-row{grid-template-columns:1fr!important}.opal-inner-quick-panel{max-width:760px}.opal-quick-card{min-height:88px}}
@media(max-width:992px){.opal-inner-person{display:none}.opal-inner-cta{padding:34px 0!important}.opal-contact-cards{grid-template-columns:1fr}.opal-track-form{grid-template-columns:1fr}.opal-detail-card h1,.opal-form-head h1{font-size:28px!important}.opal-inner-title h1{font-size:30px}}
@media(max-width:576px){.opal-inner-quick-panel{padding:18px;border-radius:20px}.opal-quick-card{padding:17px;gap:13px;border-radius:18px;min-height:78px}.opal-quick-icon{width:52px!important;height:52px!important;min-width:52px!important;font-size:21px!important}.opal-quick-body strong{font-size:17px!important}.opal-quick-body small{font-size:12px!important}.opal-quick-arrow{display:none!important}.opal-form-card{padding:22px!important}.opal-detail-section{padding-top:28px!important}}

/* =========================================================
   RuyamSohbet Opal - Ana sayfa blog kartları eşit hizalama
   Amaç: Son Yazılar alanındaki kartların aynı sırada, aynı boyda
   ve aynı buton/metin hizasında görünmesi.
   ========================================================= */
.main-section .col-lg-8 > .row.g-4{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
}
.main-section .col-lg-8 > .row.g-4 > [class*="col-"]{
  display:flex!important;
  align-items:stretch!important;
  margin-bottom:0!important;
}
.main-section .col-lg-8 .blog-card{
  width:100%!important;
  height:100%!important;
  min-height:424px!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.main-section .col-lg-8 .blog-card > a:first-child{
  display:block!important;
  flex:0 0 auto!important;
}
.main-section .col-lg-8 .blog-img{
  width:100%!important;
  height:188px!important;
  min-height:188px!important;
  max-height:188px!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.main-section .col-lg-8 .blog-body{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding:18px!important;
}
.main-section .col-lg-8 .blog-title{
  min-height:48px!important;
  max-height:48px!important;
  line-height:1.28!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin:0 0 10px!important;
}
.main-section .col-lg-8 .blog-excerpt{
  min-height:86px!important;
  max-height:86px!important;
  line-height:1.55!important;
  display:-webkit-box!important;
  -webkit-line-clamp:4!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin:0 0 14px!important;
}
.main-section .col-lg-8 .blog-meta{
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:14px 20px!important;
  margin-top:auto!important;
  margin-bottom:13px!important;
}
.main-section .col-lg-8 .devaminioku{
  align-self:flex-start!important;
  margin-top:0!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media (min-width:1200px){
  .main-section .col-lg-8 .blog-card{min-height:430px!important;}
  .main-section .col-lg-8 .blog-img{height:190px!important;min-height:190px!important;max-height:190px!important;}
}
@media (max-width:991.98px){
  .main-section .col-lg-8 .blog-card{min-height:410px!important;}
}
@media (max-width:767.98px){
  .main-section .col-lg-8 > .row.g-4 > [class*="col-"]{display:block!important;}
  .main-section .col-lg-8 .blog-card{height:auto!important;min-height:0!important;max-width:380px!important;margin-left:auto!important;margin-right:auto!important;}
  .main-section .col-lg-8 .blog-title{min-height:auto!important;max-height:none!important;}
  .main-section .col-lg-8 .blog-excerpt{min-height:auto!important;max-height:none!important;}
  .main-section .col-lg-8 .blog-meta{margin-top:8px!important;}
}