/* =====================================================
   BİLGİ TOPLUMU HİZMETLERİ — SHARED STYLESHEET
   ===================================================== */
:root {
  --red-900:  #5b0000;
  --red-800:  #8a0000;
  --red-700:  #D92626;
  --red-600:  #f04444;
  --red-500:  #f87171;
  --red-100:  #FEF2F2;
  --red-50:   #FFF8F8;
  --gray-950: #080808;
  --gray-900: #111827;
  --gray-800: #1F2937;
  --gray-700: #374151;
  --gray-600: #4B5563;
  --gray-500: #6B7280;
  --gray-400: #9CA3AF;
  --gray-300: #D1D5DB;
  --gray-200: #E5E7EB;
  --gray-100: #F3F4F6;
  --gray-50:  #F9FAFB;
  --white:    #FFFFFF;
  --brand:    #D92626;
  --font:     'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --radius:   10px;
  --shadow:   0 4px 20px rgba(0,0,0,.10);
  --shadow-lg:0 10px 40px rgba(0,0,0,.15);
  --container:1140px;
  --tr:       0.2s ease;
}

/* ---- Reset ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--gray-800);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
input,textarea{font-family:inherit}
h1,h2,h3,h4{line-height:1.25}

/* ---- Container / Wrap ---- */
.wrap,.container{width:min(var(--container),100%);margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}

/* ============================================
   SITE HEADER
   ============================================ */
.site-header{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:0 1px 4px rgba(0,0,0,.06);transition:box-shadow var(--tr)}
.site-header.scrolled{box-shadow:var(--shadow)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}

/* Logo */
.logo-link{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-logo{height:36px;width:auto}
.header-brand{display:flex;flex-direction:column;line-height:1.2}
.header-brand b{font-size:.95rem;color:var(--gray-900);font-weight:700}
.header-brand span{font-size:.75rem;color:var(--gray-500)}

/* Nav */
.main-nav{display:flex;align-items:center;gap:4px}
.main-nav>a{padding:8px 14px;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--gray-700);transition:background var(--tr),color var(--tr)}
.main-nav>a:hover,.main-nav>a.active{background:var(--red-50);color:var(--brand)}
.main-nav .nav-cta{background:var(--brand);color:var(--white)!important;border-radius:6px;margin-left:8px;padding:9px 18px;font-weight:600}
.main-nav .nav-cta:hover{background:var(--red-800)}

/* Dropdown nav items */
.nav-item{position:relative}
.nav-dropdown-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--gray-700);background:none;border:none;cursor:pointer;font-family:var(--font);line-height:1.4;transition:background var(--tr),color var(--tr)}
.nav-dropdown-btn:hover{background:var(--red-50);color:var(--brand)}
.nav-item.open .nav-dropdown-btn{background:var(--red-50);color:var(--brand)}
.nav-dropdown-btn svg{flex-shrink:0;transition:transform var(--tr)}
.nav-item.open .nav-dropdown-btn svg{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:0 8px 32px rgba(0,0,0,.13);padding:6px;display:none;flex-direction:column;gap:2px;z-index:200}
.nav-item.open .nav-dropdown-menu{display:flex}
.nav-dropdown-menu a{padding:9px 12px;border-radius:6px;font-size:.845rem;font-weight:500;color:var(--gray-700);white-space:nowrap;transition:background var(--tr),color var(--tr)}
.nav-dropdown-menu a:hover{background:var(--red-50);color:var(--brand);text-decoration:none}

/* Hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;padding:6px;border-radius:6px}
.hamburger span{display:block;width:24px;height:2.5px;background:var(--gray-700);border-radius:2px;transition:transform var(--tr),opacity var(--tr)}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* ============================================
   PAGE HERO (content pages)
   ============================================ */
.page-hero{position:relative;height:clamp(240px,35vw,400px);display:flex;align-items:flex-end;overflow:hidden}
.page-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.page-hero__overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(8,8,8,.80) 0%,rgba(91,0,0,.55) 55%,rgba(8,8,8,.3) 100%)}
.page-hero__content{position:relative;z-index:2;padding-bottom:clamp(24px,4vw,48px);padding-top:24px;width:100%}
.breadcrumb-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px;font-size:.8rem;color:rgba(255,255,255,.65)}
.breadcrumb-nav a{color:rgba(255,255,255,.65);transition:color var(--tr)}
.breadcrumb-nav a:hover{color:var(--white)}
.breadcrumb-nav span{color:rgba(255,255,255,.4)}
.page-hero h1{font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:800;color:var(--white);margin-bottom:10px}
.page-hero .hero-desc{font-size:1rem;color:rgba(255,255,255,.78);max-width:620px}

/* ============================================
   INDEX HERO / SLIDER
   ============================================ */
.hero-section{position:relative;background:var(--gray-950)}
.slider{position:relative;overflow:hidden;height:clamp(460px,68vh,740px)}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.slide.active{opacity:1;pointer-events:auto}
.slide__bg{position:absolute;inset:0}
.slide__img{width:100%;height:100%;object-fit:cover}
.slide__overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(8,8,8,.78) 0%,rgba(91,0,0,.52) 52%,rgba(8,8,8,.32) 100%)}
.slide__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding-block:80px;max-width:700px}
.slide-badge{display:inline-block;padding:5px 14px;background:var(--brand);color:var(--white);border-radius:100px;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;width:fit-content}
.slide__content h1,.slide__content h2{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:800;color:var(--white);line-height:1.15;margin-bottom:16px}
.slide__content h1 span,.slide__content h2 span{color:var(--red-500)}
.slide__content p{font-size:clamp(.95rem,1.8vw,1.12rem);color:rgba(255,255,255,.8);margin-bottom:28px;max-width:500px}
.slide-actions{display:flex;gap:12px;flex-wrap:wrap}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);color:var(--white);display:flex;align-items:center;justify-content:center;transition:background var(--tr)}
.slider-btn:hover{background:rgba(217,38,38,.7)}
.slider-btn--prev{left:18px}
.slider-btn--next{right:18px}
.slider-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:8px}
.dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.35);border:none;cursor:pointer;transition:background var(--tr),transform var(--tr)}
.dot.active,.dot:hover{background:var(--white);transform:scale(1.2)}

/* Stats bar */
.stats-bar{background:var(--gray-900);padding:18px 0;border-top:1px solid rgba(255,255,255,.05)}
.stats-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:0}
.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 20px;text-align:center}
.stat-num{font-size:1.65rem;font-weight:800;color:var(--red-500);line-height:1.1}
.stat-label{font-size:.78rem;color:var(--gray-400);margin-top:2px}

/* ============================================
   SECTIONS
   ============================================ */
.section{padding-block:clamp(56px,7vw,96px)}
.section--white{background:var(--white)}
.section--gray{background:var(--gray-50)}
.section--red{background:var(--red-900)}
.section--dark{background:var(--gray-900)}

.section-header{text-align:center;margin-bottom:clamp(36px,5vw,60px)}
.section-badge{display:inline-block;padding:4px 14px;background:var(--red-100);color:var(--brand);border-radius:100px;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.section-badge--light{background:rgba(255,255,255,.14);color:var(--white)}
.section-title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:var(--gray-900);margin-bottom:12px}
.section-title--light{color:var(--white)}
.section-subtitle{font-size:1rem;color:var(--gray-500);max-width:580px;margin-inline:auto}

/* ============================================
   MAIN CONTENT LAYOUT (content pages)
   ============================================ */
.main-content{padding-block:clamp(40px,5vw,72px);background:var(--gray-50)}
.content-grid{display:grid;grid-template-columns:1fr 300px;gap:clamp(24px,3vw,48px);align-items:start}
@media(max-width:900px){.content-grid{grid-template-columns:1fr}}

/* ============================================
   CARD (existing class reused from dark theme)
   ============================================ */
.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:clamp(20px,3vw,36px);box-shadow:var(--shadow)}
.kicker{font-size:.73rem;letter-spacing:.35px;text-transform:uppercase;color:var(--brand);font-weight:700;margin-bottom:8px}
.hr{height:1px;background:var(--gray-200);margin:20px 0}
.muted{color:var(--gray-500)}
.small{font-size:.82rem}
.ok{color:#16a34a;font-weight:700}

/* Cards grid on index */
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:1fr}
.cols{display:grid;gap:20px}
@media(min-width:900px){
  .grid-2{grid-template-columns:1.25fr .75fr}
  .cols{grid-template-columns:1fr 1fr}
}

/* ============================================
   TYPOGRAPHY in cards
   ============================================ */
.card h1{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:var(--gray-900);margin-bottom:12px}
.card h2{font-size:1.2rem;font-weight:700;color:var(--gray-900);margin-bottom:10px}
.card h3{font-size:1rem;font-weight:700;color:var(--gray-800);margin:16px 0 8px}
.card p{color:var(--gray-600);margin-bottom:10px;font-size:.93rem;line-height:1.7}
.card .muted{color:var(--gray-500)}

/* Main article typography (for content pages) */
article h1{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:var(--gray-900);margin-bottom:12px}
article h2{font-size:1.2rem;font-weight:700;color:var(--gray-900);margin:24px 0 10px}
article h3{font-size:1rem;font-weight:700;color:var(--gray-800);margin:18px 0 8px}
article p{color:var(--gray-600);margin-bottom:10px;font-size:.93rem;line-height:1.7}
article ul,article ol{margin:10px 0 16px 20px;color:var(--gray-600);font-size:.93rem}
article li{margin-bottom:6px}
article b,article strong{color:var(--gray-800);font-weight:700}

/* ============================================
   BADGES
   ============================================ */
.badgeRow,.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.badge{font-size:.75rem;color:var(--red-800);padding:5px 10px;border-radius:100px;border:1px solid var(--red-200,#fecaca);background:var(--red-50)}

/* ============================================
   LIST / ITEM (existing class reused)
   ============================================ */
.list{display:grid;gap:10px}
.item{padding:12px 16px;border:1px solid var(--gray-200);border-radius:10px;background:var(--gray-50);font-size:.9rem;color:var(--gray-700);transition:border-color var(--tr)}
.item:hover{border-color:var(--red-500)}
.item b{color:var(--gray-900)}
.item .muted{color:var(--gray-500)}

/* TOC links (sidebar quick links) */
.toc a{display:block;padding:10px 14px;border-radius:8px;border:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-800);font-size:.875rem;transition:border-color var(--tr),background var(--tr)}
.toc a:hover{border-color:var(--brand);background:var(--red-50);color:var(--brand);text-decoration:none}
.toc a b{display:block;font-weight:700;color:var(--gray-900)}
.toc a:hover b{color:var(--brand)}

/* ============================================
   BUTTONS (existing class reused)
   ============================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:.875rem;border:1.5px solid var(--gray-300);background:var(--white);color:var(--gray-700);transition:background var(--tr),border-color var(--tr),transform var(--tr);white-space:nowrap;text-decoration:none!important}
.btn:hover{border-color:var(--brand);color:var(--brand);background:var(--red-50);transform:translateY(-1px)}
.btn.primary{background:var(--brand);color:var(--white)!important;border-color:var(--brand)}
.btn.primary:hover{background:var(--red-800);border-color:var(--red-800)}
.btnRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}

/* ============================================
   SERVICES GRID (index)
   ============================================ */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.services-grid{grid-template-columns:1fr}}
.svc-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:24px 20px;transition:border-color var(--tr),box-shadow var(--tr),transform var(--tr)}
.svc-card:hover{border-color:var(--red-500);box-shadow:0 6px 24px rgba(217,38,38,.09);transform:translateY(-3px)}
.svc-card__icon{width:48px;height:48px;border-radius:8px;background:var(--red-100);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.svc-card h3{font-size:.95rem;font-weight:700;color:var(--gray-900);margin-bottom:8px}
.svc-card p{font-size:.855rem;color:var(--gray-500);line-height:1.6}

/* ============================================
   GUIDES GRID (index)
   ============================================ */
.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.guides-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.guides-grid{grid-template-columns:1fr}}
.guide-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--tr),transform var(--tr)}
.guide-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.guide-card__img{aspect-ratio:16/9;overflow:hidden}
.guide-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.guide-card:hover .guide-card__img img{transform:scale(1.04)}
.guide-card__tag{display:inline-block;padding:3px 10px;background:var(--brand);color:var(--white);border-radius:100px;font-size:.7rem;font-weight:700;margin:12px 16px 0}
.guide-card__body{padding:12px 16px 20px}
.guide-card__body h3{font-size:.95rem;font-weight:700;color:var(--gray-900);margin-bottom:6px}
.guide-card__body p{font-size:.845rem;color:var(--gray-500);line-height:1.55}

/* ============================================
   FAQ (accordion)
   ============================================ */
.faq-list{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:10px}
.faq-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;transition:border-color var(--tr)}
.faq-item[open]{border-color:var(--brand)}
.faq-question{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;font-size:.93rem;font-weight:600;color:var(--gray-800);cursor:pointer;user-select:none;list-style:none}
.faq-question::-webkit-details-marker{display:none}
.faq-question::after{content:'';flex-shrink:0;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5l5 5 5-5' stroke='%236B7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:transform var(--tr)}
.faq-item[open] .faq-question{color:var(--brand)}
.faq-item[open] .faq-question::after{transform:rotate(180deg);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5l5 5 5-5' stroke='%23D92626' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.faq-answer{padding:0 20px 16px;font-size:.88rem;color:var(--gray-600);line-height:1.7}

/* ============================================
   CONTACT CARDS (index iletisim)
   ============================================ */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px}
@media(max-width:768px){.contact-cards{grid-template-columns:1fr}}
.contact-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:24px 20px;display:flex;align-items:flex-start;gap:16px;transition:background var(--tr),border-color var(--tr)}
.contact-card:hover{background:rgba(255,255,255,.11);border-color:rgba(217,38,38,.45)}
.contact-card--featured{border-color:var(--brand);background:rgba(217,38,38,.11)}
.contact-card__icon{flex-shrink:0;width:48px;height:48px;border-radius:8px;background:rgba(217,38,38,.18);color:var(--red-500);display:flex;align-items:center;justify-content:center}
.contact-card--featured .contact-card__icon{background:var(--brand);color:var(--white)}
.contact-card__body{display:flex;flex-direction:column;gap:4px}
.contact-card__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-400)}
.contact-card__value{font-size:.95rem;font-weight:700;color:var(--white);word-break:break-all}
a.contact-card__value:hover{color:var(--red-400,#f87171)}
.contact-card__note{font-size:.78rem;color:var(--gray-500)}
.contact-cta-bar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:24px 28px;border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.contact-cta-bar p{font-size:.95rem;color:rgba(255,255,255,.72);font-weight:500}
/* Light background contact card variant */
.contact-card--light{background:var(--white);border-color:var(--gray-200)}
.contact-card--light:hover{background:var(--red-50);border-color:var(--red-500)}
.contact-card--light .contact-card__icon{background:var(--red-100);color:var(--brand)}
.contact-card--light.contact-card--featured{border-color:var(--brand);background:var(--red-50)}
.contact-card--light.contact-card--featured .contact-card__icon{background:var(--brand);color:var(--white)}
.contact-card--light .contact-card__label{color:var(--gray-500)}
.contact-card--light .contact-card__value{color:var(--gray-900)}
.contact-card--light a.contact-card__value{color:var(--brand)}
.contact-card--light a.contact-card__value:hover{color:var(--red-800)}
.contact-card--light .contact-card__note{color:var(--gray-500)}
/* Light cta bar */
.contact-cta-bar--light{background:var(--gray-100);border-color:var(--gray-200)}
.contact-cta-bar--light p{color:var(--gray-700)}
.btn--primary-dark{background:var(--brand);color:var(--white)!important;border-color:var(--brand)}
.btn--primary-dark:hover{background:var(--red-800);border-color:var(--red-800)}
.btn--outline-dark{border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.85)!important;background:transparent}
.btn--outline-dark:hover{border-color:var(--white);background:rgba(255,255,255,.08);color:var(--white)!important}

/* ============================================
   SIMPLE CONTENT (AMP pages rebuilt)
   ============================================ */
.simple-content{/* padding and background provided by .main-content parent */}
.simple-content .content-wrap{max-width:860px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:clamp(24px,4vw,48px);box-shadow:var(--shadow)}
.simple-content h2{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin:24px 0 10px;padding-bottom:8px;border-bottom:2px solid var(--red-100)}
.simple-content h2:first-child{margin-top:0}
.simple-content p{color:var(--gray-600);font-size:.93rem;line-height:1.7;margin-bottom:12px}
.simple-content ul,.simple-content ol{margin:10px 0 16px 20px;color:var(--gray-600);font-size:.93rem}
.simple-content li{margin-bottom:6px}
.simple-content a{color:var(--brand);font-weight:500}
.simple-content a:hover{text-decoration:underline}
.simple-content strong{color:var(--gray-800);font-weight:700}

/* FAQ in simple pages (details/summary) */
.faq-simple{display:flex;flex-direction:column;gap:10px}
.faq-simple-item{border:1px solid var(--gray-200);border-radius:8px;background:var(--white);overflow:hidden;transition:border-color var(--tr)}
.faq-simple-item[open]{border-color:var(--brand)}
.faq-simple-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;font-size:.91rem;font-weight:600;color:var(--gray-800);cursor:pointer;user-select:none;list-style:none}
.faq-simple-item summary::-webkit-details-marker{display:none}
.faq-simple-item summary::after{content:'';flex-shrink:0;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75l4.5 4.5 4.5-4.5' stroke='%236B7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:transform var(--tr)}
.faq-simple-item[open] summary{color:var(--brand)}
.faq-simple-item[open] summary::after{transform:rotate(180deg);background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75l4.5 4.5 4.5-4.5' stroke='%23D92626' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.faq-simple-item .faq-answer{padding:0 18px 14px;font-size:.87rem;color:var(--gray-600);line-height:1.7}
.faq-simple-item p{margin:0;color:var(--gray-600);font-size:.88rem}

/* Contact info blocks */
.contact-info-block{display:flex;flex-direction:column;gap:16px;margin-top:20px}
.contact-info-item{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50)}
.contact-info-item .ci-icon{flex-shrink:0;width:40px;height:40px;border-radius:8px;background:var(--red-100);color:var(--brand);display:flex;align-items:center;justify-content:center}
.contact-info-item .ci-body{display:flex;flex-direction:column;gap:2px}
.contact-info-item .ci-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500)}
.contact-info-item .ci-value{font-size:.95rem;font-weight:600;color:var(--gray-900)}
.contact-info-item a.ci-value{color:var(--brand)}
.contact-info-item a.ci-value:hover{text-decoration:underline}

/* ============================================
   SIDEBAR
   ============================================ */
.sidebar{display:flex;flex-direction:column;gap:20px}
.sidebar-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.sidebar-card h3{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-500);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--gray-100)}
.sidebar-card .toc{display:flex;flex-direction:column;gap:8px}
.sidebar-cta{background:var(--brand);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px}
.sidebar-cta h3{color:var(--white);font-size:.95rem;font-weight:700}
.sidebar-cta p{color:rgba(255,255,255,.8);font-size:.84rem;line-height:1.5}
.sidebar-cta .btn{background:var(--white);color:var(--brand)!important;border-color:var(--white);justify-content:center;width:100%}
.sidebar-cta .btn:hover{background:var(--red-50)}

/* ============================================
   SITE FOOTER
   ============================================ */
.site-footer{background:var(--gray-950);color:var(--gray-400);padding-top:52px;padding-bottom:24px}
.footer-grid{display:grid;grid-template-columns:280px repeat(3,1fr);gap:clamp(24px,4vw,48px);padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:22px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.footer-grid{grid-template-columns:1fr}}
.footer-brand .logo-link{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.footer-logo{height:32px;width:auto}
.footer-brand span{font-size:.9rem;color:var(--white);line-height:1.2}
.footer-brand strong{color:var(--red-500)}
.footer-brand p{font-size:.84rem;line-height:1.65;max-width:240px}
.footer-col h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-300);margin-bottom:12px}
.footer-col ul{display:flex;flex-direction:column;gap:7px}
.footer-col a{font-size:.84rem;color:var(--gray-500);transition:color var(--tr)}
.footer-col a:hover{color:var(--red-500)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem}
.footer-ftr-logo{display:inline-flex;align-items:center;opacity:.72;transition:opacity var(--tr)}
.footer-ftr-logo:hover{opacity:1}
.footer-ftr-logo img{height:30px;width:auto}

/* ============================================
   BACK TO TOP
   ============================================ */
.back-to-top{position:fixed;bottom:26px;right:26px;z-index:90;width:42px;height:42px;border-radius:50%;background:var(--brand);color:var(--white);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s,background .2s}
.back-to-top.visible{opacity:1;pointer-events:auto}
.back-to-top:hover{background:var(--red-800);transform:translateY(-3px)}

/* ============================================
   FOCUS
   ============================================ */
:focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:3px}

/* ============================================
   MOBILE NAV
   ============================================ */
@media(max-width:900px){
  .hamburger{display:flex}
  .main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow);padding:10px 16px 16px;flex-direction:column;align-items:stretch;gap:4px;z-index:99}
  .main-nav.open{display:flex}
  .main-nav>a{padding:12px 16px;border-radius:6px}
  .main-nav .nav-cta{margin-left:0;margin-top:4px}
  .site-header{position:sticky}
  .header-inner{position:relative}
  .slider-btn{display:none}
  /* Mobile dropdowns */
  .nav-item{width:100%}
  .nav-dropdown-btn{width:100%;justify-content:space-between;padding:12px 16px;text-align:left;border-radius:6px}
  .nav-dropdown-menu{position:static;box-shadow:none;border:none;border-radius:0;background:transparent;padding:4px 0 8px 16px;margin-top:2px;border-left:2px solid var(--red-100);min-width:0}
  .nav-dropdown-menu a{padding:8px 10px;font-size:.84rem;white-space:normal}
}

/* ============================================
   PRINT / REDUCED MOTION
   ============================================ */
@media print{.site-header,.back-to-top,.slider-btn,.slider-dots{display:none!important}.slide{position:static;opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.slide{transition:none}}