/* HİBA IPTV — soft premium refresh (header, navigation and site palette) */
:root{
  --hiba-soft-ink:#34332f;
  --hiba-soft-muted:#77736b;
  --hiba-soft-bg:#f7f5f0;
  --hiba-soft-surface:#fffefa;
  --hiba-soft-line:#e9e3d8;
  --hiba-soft-champagne:#c7a96b;
  --hiba-soft-champagne-dark:#a8874c;
  --hiba-soft-accent:#75877c;
  --v5-ink:#34332f;
  --v5-muted:#77736b;
  --v5-soft:#f7f5f0;
  --v5-line:#e9e3d8;
  --v5-red:#a8874c;
  --v5-red2:#8f713d;
  --hiba-gold:#c7a96b;
  --hiba-yellow:#c7a96b;
}
html{scroll-behavior:smooth}
body{background:linear-gradient(135deg,#f3f0e9 0%,#faf9f6 54%,#eee9df 100%)!important;color:var(--hiba-soft-ink)!important;padding:20px 16px!important}
.site-shell{background:var(--hiba-soft-surface)!important;border:1px solid #e8e1d5!important;border-radius:24px!important;box-shadow:0 22px 64px rgba(76,65,46,.10)!important}
.topbar{background:#f1ede4!important;color:#5f5a50!important;border-bottom:1px solid #e6dece!important;font-size:11px!important}
.topbar .container-fluid{min-height:43px}
.top-contact{gap:20px!important;padding:7px 0!important}
.top-contact a{color:#625d53!important;font-size:11px!important;font-weight:650;text-decoration:none;transition:color .2s ease}
.top-contact a:hover{color:var(--hiba-soft-champagne-dark)!important}
.contact-symbol{color:var(--hiba-soft-champagne-dark)!important}
.topbar-right{gap:13px!important}
.top-location{color:#80796d!important;font-size:10px!important}
.topbar-social{border-left:1px solid #ded5c5!important}
.topbar-social .social-link{background:#faf8f2!important;border:1px solid #e6dece!important;color:#6d6558!important}
.topbar-social .social-link:hover{background:var(--hiba-soft-champagne)!important;border-color:var(--hiba-soft-champagne)!important;color:#fff!important}
.top-language{display:flex;align-items:center;gap:3px;padding:4px!important;background:#e9e2d5!important;border:1px solid #e2d8c7!important;border-radius:999px!important}
.top-language .language-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 9px!important;border-radius:999px!important;color:#665f54!important;text-decoration:none!important;font-size:10px!important;font-weight:750!important;white-space:nowrap;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.top-language .language-option.active,.top-language .language-option:hover{background:#fffefa!important;color:#66502d!important;box-shadow:0 2px 7px rgba(83,66,39,.09)!important}
.language-flag{font-size:16px;line-height:1}
.main-nav{position:sticky;top:0;z-index:1020;min-height:88px;background:rgba(255,254,250,.96)!important;border-bottom:1px solid #e9e3d8!important;box-shadow:0 8px 24px rgba(68,57,40,.055)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.main-nav>.container-fluid{min-height:88px}
.navbar-brand{display:flex;align-items:center;flex:0 0 auto;margin-right:clamp(18px,3vw,48px)!important}
.navbar-brand img{width:clamp(180px,18vw,260px)!important;height:auto;max-height:68px!important;object-fit:contain;filter:none!important;transition:opacity .2s ease}
.navbar-brand:hover img{opacity:.88}
.navbar-collapse{gap:12px}
.navbar-nav{gap:3px!important}
.navbar-nav .nav-link{position:relative;padding:12px 12px!important;border-radius:10px!important;color:#615c53!important;font-size:10px!important;font-weight:800!important;letter-spacing:.045em!important;text-transform:uppercase!important;transition:background .18s ease,color .18s ease}
.navbar-nav .nav-link:before{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:3px;background:var(--hiba-soft-champagne);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#8a6b38!important;background:#f4efe5!important}
.navbar-nav .nav-link:hover:before,.navbar-nav .nav-link.active:before{transform:scaleX(1)}
.nav-search-btn{width:38px!important;height:38px!important;border-radius:11px!important;background:#f7f3eb!important;color:#74664f!important;border:1px solid #e7dece!important;font-size:20px!important;transition:background .18s ease,border-color .18s ease,color .18s ease}
.nav-search-btn:hover{background:#e9dfcc!important;color:#4e422e!important;border-color:#d9c9aa!important}
.nav-appointment{display:inline-flex!important;align-items:center;justify-content:center;border-radius:11px!important;padding:10px 13px!important;font-size:10px!important;font-weight:800!important;color:#78613c!important;border:1px solid #d9c8a6!important;background:#fffdf8!important}
.nav-appointment:hover{background:#f5efe3!important;color:#604b2b!important}
.nav-quote,.btn-danger{border-radius:11px!important;background:linear-gradient(135deg,#d8c08e 0%,#c7a96b 100%)!important;border:1px solid #c7a96b!important;color:#373126!important;box-shadow:0 5px 14px rgba(155,124,65,.12)!important;font-weight:850!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.nav-quote{padding:11px 15px!important;font-size:10px!important}
.nav-quote:hover,.btn-danger:hover{transform:translateY(-1px);background:linear-gradient(135deg,#dfcda6,#cbb078)!important;box-shadow:0 8px 18px rgba(155,124,65,.16)!important;color:#302a20!important}
.btn-outline-danger{color:#82683e!important;border-color:#d8c8a9!important;background:#fffdf8!important}
.btn-outline-danger:hover{background:#f1e8d8!important;color:#5c482c!important;border-color:#cbb78f!important}
.navbar-toggler{border:1px solid #e4dac7!important;border-radius:11px!important;background:#f7f3eb!important;padding:9px!important}
.nav-toggle-lines i{background:#a8874c!important}
.search-panel{background:rgba(248,246,240,.97)!important;backdrop-filter:blur(14px)}
.search-panel-inner{background:#fffefa!important;border:1px solid #e9e1d3!important;box-shadow:0 24px 70px rgba(72,59,39,.14)!important;border-radius:22px!important}
.search-panel-inner h2{color:#39362f!important}
.search-panel-inner input{background:#fbf9f4!important;border-color:#e5dccb!important;color:#39362f!important}
.search-suggestions a{background:#f5f0e6!important;color:#766044!important;border:1px solid #e8decc!important}
/* Keep content surfaces calm and consistent with the new palette. */
.v5-stats,.v5-service-card,.v5-project-card,.v5-blog-grid>a,.v5-panel,.v5-list-card,.v5-faq-item,.v5-review-card{border-color:#e9e3d8!important}
.v5-section{background-color:#fffefa}
.v5-section:nth-of-type(even){background-color:#f8f5ee}
.v5-heading h2,.v5-about-copy h2,.v5-faq-intro h2{color:#39362f}
.v5-heading p,.v5-about-copy p,.v5-faq-intro p{color:#77736b}
.v5-outline-link{color:#8a6b38!important}
.v5-kicker.red{color:#a8874c!important}
.v5-service-card,.v5-project-card,.v5-blog-grid>a,.v5-list-card{box-shadow:0 9px 28px rgba(72,59,39,.055)!important}
.v5-service-card:hover,.v5-project-card:hover,.v5-blog-grid>a:hover,.v5-list-card:hover{box-shadow:0 14px 34px rgba(72,59,39,.10)!important}
.skip-link:focus{background:#c7a96b!important;color:#302a20!important}
@media(max-width:1199px){.navbar-brand{margin-right:14px!important}.navbar-nav .nav-link{padding:10px 8px!important;font-size:9px!important}.topbar-right{gap:7px!important}.top-language .language-name{display:none}.top-language .language-option{width:32px;height:30px;padding:4px!important}}
@media(max-width:991px){body{padding:12px!important}.site-shell{min-height:calc(100vh - 24px);border-radius:20px!important}.topbar{display:block!important}.topbar .container-fluid{display:flex!important;align-items:center!important;gap:6px!important}.top-contact{gap:10px!important}.top-contact a{font-size:10px!important}.topbar-right{display:flex!important;margin-left:auto}.top-language{display:flex!important}.top-language .language-name{display:none}.main-nav,.main-nav>.container-fluid{min-height:72px}.navbar-brand img{width:210px!important;max-height:54px!important}.navbar-collapse{position:absolute;left:12px;right:12px;top:calc(100% - 1px);margin:0!important;padding:12px!important;background:#fffefa!important;border:1px solid #e8dfcf!important;border-top:0!important;border-radius:0 0 17px 17px!important;box-shadow:0 18px 36px rgba(72,59,39,.12)!important}.navbar-nav{align-items:stretch!important}.navbar-nav .nav-link{font-size:12px!important;padding:13px 14px!important;border-bottom:1px solid #f0eade!important}.navbar-nav .nav-link:before{display:none}.navbar-nav .nav-item{margin:2px 0!important}.nav-search-btn{width:100%!important}.nav-appointment,.nav-quote{display:inline-flex!important;justify-content:center;width:100%;margin-top:5px}.mobile-social-wrap{border-top-color:#ece4d6!important}.mobile-social-wrap>span{color:#817665!important}.mobile-socials .social-link{color:#746044!important;background:#f7f2e8!important;border-color:#e7dcc8!important}}
@media(max-width:575px){body{padding:0!important;background:#faf8f3!important}.site-shell{border:0!important;border-radius:0!important;box-shadow:none!important}.shell-pad{padding-left:14px!important;padding-right:14px!important}.topbar .container-fluid{display:block!important}.top-contact{justify-content:center;gap:13px!important;padding:7px 0 4px!important}.top-contact a:nth-child(3){display:none}.topbar-right{justify-content:center;padding-bottom:7px}.top-language .language-option{min-width:31px;width:31px;height:27px;padding:3px!important}.language-flag{font-size:16px}.navbar-brand img{width:184px!important;max-height:47px!important}.main-nav,.main-nav>.container-fluid{min-height:66px}.navbar-collapse{left:8px;right:8px}.top-location{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* Header refinement v2 — clearer hierarchy, calmer spacing, stronger navigation */
:root{
  --hiba-header-ivory:#fffdf8;
  --hiba-header-line:#e8e0d2;
  --hiba-header-ink:#37362f;
  --hiba-header-muted:#777367;
  --hiba-header-gold:#b99a60;
}
.topbar{background:linear-gradient(90deg,#f5f1e8 0%,#fbf9f4 55%,#f2ede2 100%)!important;border-bottom:1px solid var(--hiba-header-line)!important}
.topbar .container-fluid{min-height:42px;gap:14px!important}
.top-contact{gap:17px!important}
.top-contact a{display:inline-flex;align-items:center;gap:7px;font-size:11px!important;letter-spacing:.01em}
.contact-symbol{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #e3d6bd;border-radius:50%;background:#fffdf8;font-size:10px}
.topbar-right{gap:11px!important}
.top-location{padding-left:12px;border-left:1px solid #e0d7c7;letter-spacing:.015em}
.top-language{padding:3px!important;background:#eae3d6!important;border-color:#e1d7c5!important;gap:2px!important}
.top-language .language-option{min-height:29px;padding:5px 8px!important;font-size:10px!important}
.main-nav{background:rgba(255,253,248,.97)!important;border-bottom:1px solid #e7dfd1!important;box-shadow:0 7px 24px rgba(65,54,35,.055)!important}
.main-nav>.container-fluid{gap:clamp(12px,2vw,28px)}
.navbar-brand{margin-right:clamp(10px,1.4vw,22px)!important;padding:5px 0}
.navbar-brand img{width:clamp(172px,16vw,226px)!important;max-height:62px!important}
.navbar-collapse{justify-content:flex-end}
.navbar-nav{gap:4px!important}
.navbar-nav .nav-link{padding:12px 10px!important;border-radius:9px!important;font-size:10px!important;letter-spacing:.025em!important;color:#5f5b52!important}
.navbar-nav .nav-link:before{left:15px;right:15px;bottom:4px;height:2px}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{background:#f4efe5!important;color:#765d35!important}
.nav-search-btn{width:36px!important;height:36px!important;display:inline-grid;place-items:center;background:#faf7f0!important;border-color:#e7dece!important;border-radius:10px!important}
.nav-appointment{padding:10px 12px!important;white-space:nowrap;font-size:10px!important}
.nav-quote{padding:11px 13px!important;white-space:nowrap;font-size:10px!important}
.nav-quote b{display:inline-grid;place-items:center;margin-left:5px;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.42)}
.navbar-toggler{width:42px;height:42px;display:grid;place-items:center}
.search-panel{z-index:1040!important}
@media(min-width:992px){
  .main-nav{min-height:84px}
  .main-nav>.container-fluid{min-height:84px}
  .navbar-nav .nav-item{display:flex;align-items:center}
}
@media(max-width:1199px) and (min-width:992px){
  .navbar-brand img{width:170px!important}
  .navbar-nav .nav-link{padding:10px 7px!important;font-size:9px!important}
  .nav-appointment,.nav-quote{padding:9px 10px!important;font-size:9px!important}
}
@media(max-width:991px){
  .topbar .container-fluid{padding-top:3px;padding-bottom:3px}
  .top-contact{flex-wrap:wrap;row-gap:4px!important}
  .topbar-right{gap:7px!important}
  .main-nav,.main-nav>.container-fluid{min-height:74px}
  .navbar-brand img{width:196px!important;max-height:54px!important}
  .navbar-collapse{top:100%;padding:14px!important;border:1px solid #e8dfcf!important;border-radius:0 0 18px 18px!important;background:#fffdf8!important}
  .navbar-nav .nav-link{font-size:12px!important;padding:12px 14px!important}
  .navbar-nav .nav-link.active{background:#f5efe4!important}
  .nav-search-btn{height:42px!important}
  .nav-appointment,.nav-quote{min-height:43px;margin-top:6px!important}
}
@media(max-width:575px){
  .topbar .container-fluid{padding-left:10px!important;padding-right:10px!important}
  .top-contact{justify-content:center!important;gap:11px!important}
  .top-contact a{font-size:10px!important}
  .topbar-right{justify-content:center!important;flex-wrap:wrap}
  .top-language{max-width:100%;gap:2px!important}
  .top-language .language-option{width:32px!important;min-width:32px!important;height:28px!important}
  .navbar-brand img{width:176px!important;max-height:46px!important}
  .main-nav,.main-nav>.container-fluid{min-height:66px}
}
@media(prefers-reduced-motion:reduce){.navbar-brand img,.navbar-nav .nav-link,.nav-quote{transition:none!important}}

/* HİBA IPTV — refined primary navigation refresh */
.main-nav{border-bottom:1px solid #e8e0d1!important;box-shadow:0 10px 28px rgba(68,57,40,.065)!important}
.main-nav>.container-fluid{gap:clamp(12px,2vw,28px)!important}
.navbar-brand{margin-right:clamp(10px,1.8vw,26px)!important}
.navbar-nav{gap:5px!important}
.navbar-nav .nav-item{display:flex;align-items:center}
.navbar-nav .nav-link{padding:12px 11px!important;border:1px solid transparent!important;border-radius:999px!important;letter-spacing:.025em!important;font-size:10px!important}
.navbar-nav .nav-link:before{display:none!important}
.navbar-nav .nav-link:hover{background:#f6f1e7!important;border-color:#eee4d2!important;color:#765b30!important}
.navbar-nav .nav-link.active{background:#eee5d4!important;border-color:#e6d7bb!important;color:#6d5129!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
.nav-search-btn{border-radius:50%!important;width:40px!important;height:40px!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:21px!important}
.nav-appointment,.nav-quote{min-height:42px!important;padding:10px 15px!important;border-radius:999px!important;white-space:nowrap;letter-spacing:.01em!important}
.nav-appointment{background:#fffefa!important;border-color:#dfd0b2!important}
.nav-quote{box-shadow:0 5px 12px rgba(155,124,65,.10)!important}
.nav-appointment:focus-visible,.nav-quote:focus-visible,.nav-search-btn:focus-visible,.navbar-nav .nav-link:focus-visible,.navbar-toggler:focus-visible{outline:3px solid rgba(168,135,76,.45)!important;outline-offset:3px!important;box-shadow:none!important}
@media(min-width:992px){.navbar-collapse{justify-content:flex-end}.navbar-nav{flex-wrap:nowrap!important}.navbar-nav .nav-link{white-space:nowrap}.navbar-nav .nav-item:nth-last-child(3){margin-left:5px!important}}
@media(max-width:1199px) and (min-width:992px){.navbar-nav{gap:2px!important}.navbar-nav .nav-link{padding:10px 7px!important;font-size:9px!important}.nav-appointment,.nav-quote{padding:9px 10px!important;font-size:9px!important}}
@media(max-width:991px){.main-nav{box-shadow:0 6px 20px rgba(68,57,40,.055)!important}.navbar-collapse{padding:13px!important;border-radius:0 0 20px 20px!important;box-shadow:0 20px 35px rgba(72,59,39,.11)!important}.navbar-nav .nav-item{display:block}.navbar-nav .nav-link{border-radius:12px!important;border:1px solid transparent!important;padding:13px 15px!important;font-size:12px!important}.navbar-nav .nav-link.active{border-color:#e8dcc6!important}.nav-search-btn{border-radius:12px!important;width:100%!important;height:44px!important}.nav-appointment,.nav-quote{border-radius:12px!important;min-height:45px!important}}
@media(prefers-reduced-motion:reduce){.navbar-nav .nav-link,.nav-search-btn,.nav-appointment,.nav-quote{transition:none!important}}

/* Active main-menu indicator: underline below the label, never across the text */
.navbar-nav .nav-link{position:relative!important;text-decoration:none!important;overflow:visible!important}
.navbar-nav .nav-link::after{content:"";position:absolute;left:18%;right:18%;bottom:3px;height:2px;background:#c7a96b;border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .2s ease;pointer-events:none}
.navbar-nav .nav-link.active{background:transparent!important;border-color:transparent!important;color:#6d5129!important;box-shadow:none!important}
.navbar-nav .nav-link.active::after{transform:scaleX(1)}
.navbar-nav .nav-link:hover{background:#f6f1e7!important;border-color:transparent!important;color:#765b30!important}
.navbar-nav .nav-link:hover::after{transform:scaleX(.72)}
@media(max-width:991px){
  .navbar-nav .nav-link::after{left:15px;right:auto;bottom:5px;width:34px;height:2px;transform:scaleX(0);transform-origin:left center}
  .navbar-nav .nav-link.active{background:#f8f4ec!important;border-color:transparent!important}
  .navbar-nav .nav-link.active::after{transform:scaleX(1)}
  .navbar-nav .nav-link:hover::after{transform:scaleX(.72)}
}
@media(prefers-reduced-motion:reduce){.navbar-nav .nav-link::after{transition:none!important}}