/*
 * Velora Corporate v1.7.3
 * Corporate Theme Foundation — pure CSS, no third-party dependency.
 * Core keeps structure/functionality; this file owns the Corporate visual language.
 */
:root{
  --velora-theme-name:"Corporate";
  --velora-corp-ink:var(--oc-text);
  --velora-corp-muted:var(--oc-text-muted);
  --velora-corp-line:color-mix(in srgb,var(--oc-border) 88%,transparent);
  --velora-corp-card:#fff;
  --velora-corp-card-radius:clamp(14px,var(--oc-radius),22px);
  --velora-corp-media-radius:clamp(14px,var(--oc-radius),22px);
  --velora-corp-shadow:0 18px 50px rgba(16,24,40,.075);
  --velora-corp-shadow-hover:0 24px 64px rgba(16,24,40,.12);
  --velora-corp-button-radius:var(--oc-button-radius);
  --velora-corp-ease:cubic-bezier(.2,.7,.2,1);
}

/* Foundation */
body.ourcms-public,body.site-home{background:var(--oc-surface);color:var(--oc-text);font-family:var(--oc-font);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.ourcms-public main,body.site-home main{overflow:clip}
.oc-container{width:min(calc(100% - 40px),var(--oc-container));margin-inline:auto}
.oc-narrow{max-width:min(860px,100%)}
.oc-section{position:relative}
.oc-section--soft{background:linear-gradient(180deg,var(--oc-surface-soft),color-mix(in srgb,var(--oc-surface-soft) 45%,var(--oc-surface)))}
.oc-section-head{margin-bottom:clamp(28px,4vw,48px)}
.oc-section-eyebrow,.oc-eyebrow,.oc-layout-title__eyebrow,.oc-archive-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--oc-primary)}
.oc-section-title{letter-spacing:-.035em}
.oc-lead{color:var(--oc-text-muted);line-height:1.7}

/* Header / navigation */
.oc-header{position:relative;z-index:100;background:color-mix(in srgb,var(--oc-surface) 96%,transparent)}
.oc-header .oc-global-row--top{font-size:.82rem;border-bottom:1px solid color-mix(in srgb,var(--oc-border) 70%,transparent)}
.oc-header .oc-global-row--main{border-bottom:1px solid var(--velora-corp-line);box-shadow:0 8px 26px rgba(16,24,40,.035)}
.oc-header .oc-global-row--main.is-sticky{background:var(--oc-surface)}
.oc-header .oc-global-row--main.is-sticky.is-custom{background:var(--oc-row-bg)}
.oc-header-grid{min-height:76px}
.oc-site-logo img{max-height:48px;width:auto}
.oc-logo-text{font-family:var(--oc-heading-font);font-weight:800;letter-spacing:-.03em}
.oc-nav>ul{gap:clamp(18px,2.2vw,34px)}
.oc-nav a{font-size:.91rem;font-weight:650;letter-spacing:-.01em;text-decoration:none}
.oc-nav>ul>li>a{position:relative;padding-block:9px}
.oc-nav>ul>li>a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;border-radius:99px;background:var(--oc-primary);transition:right .24s var(--velora-corp-ease)}
.oc-nav>ul>li:hover>a::after,.oc-nav>ul>li>a:focus-visible::after{right:0}
.oc-nav li ul{border:1px solid var(--velora-corp-line);border-radius:14px;background:var(--oc-surface);box-shadow:0 20px 50px rgba(16,24,40,.12);padding:8px}
.oc-nav li ul a{border-radius:9px;padding:10px 12px}
.oc-nav li ul a:hover{background:var(--oc-surface-soft)}
.oc-header-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid var(--oc-primary);border-radius:var(--velora-corp-button-radius);background:var(--oc-primary);color:#fff!important;text-decoration:none;font-size:.86rem;font-weight:750;box-shadow:0 8px 20px color-mix(in srgb,var(--oc-primary) 18%,transparent);transition:transform .2s var(--velora-corp-ease),box-shadow .2s var(--velora-corp-ease)}
.oc-header-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px color-mix(in srgb,var(--oc-primary) 26%,transparent)}
.oc-mobile-toggle{border-radius:10px;border-color:var(--oc-border);background:var(--oc-surface)}

/* Hero */
.oc-hero-pro{isolation:isolate}
.oc-hero-pro__copy{position:relative;z-index:2}
.oc-hero-pro__copy h1{letter-spacing:-.05em;text-wrap:balance}
.oc-hero-pro__copy .oc-lead{max-width:680px}
.oc-hero-pro__visual img,.oc-showcase img{border-radius:var(--velora-corp-media-radius)}
.oc-hero-pro__visual img{box-shadow:0 28px 80px rgba(16,24,40,.16)}
.oc-hero-point{border:1px solid color-mix(in srgb,var(--oc-border) 78%,transparent);border-radius:12px;background:color-mix(in srgb,var(--oc-surface) 78%,transparent);backdrop-filter:blur(8px)}
.oc-hero-point__icon{border-radius:10px;background:color-mix(in srgb,var(--oc-primary) 10%,var(--oc-surface));color:var(--oc-primary)}
.oc-hero-dots{gap:8px}.oc-hero-dot{width:8px;height:8px;transition:width .2s var(--velora-corp-ease)}.oc-hero-dot.is-active{width:26px;border-radius:99px}
.oc-hero-arrow{border:1px solid color-mix(in srgb,#fff 25%,transparent);backdrop-filter:blur(10px)}

/* Buttons */
.oc-button,.oc-form-submit,.oc-single-cta__button,.oc-query-filter-button,.oc-button--query-more{
  border-radius:var(--velora-corp-button-radius)!important;font-weight:750;letter-spacing:-.01em;
  transition:transform .2s var(--velora-corp-ease),box-shadow .2s var(--velora-corp-ease),border-color .2s ease,background .2s ease
}
.oc-button:not(.oc-button--ghost),.oc-form-submit{box-shadow:0 9px 22px color-mix(in srgb,var(--oc-primary) 18%,transparent)}
.oc-button:hover,.oc-form-submit:hover,.oc-single-cta__button:hover,.oc-query-filter-button:hover{transform:translateY(-2px)}
.oc-button--ghost{background:transparent;border-color:var(--oc-border)}

/* Shared card language */
.oc-feature,.oc-layout-iconbox,.oc-solution,.oc-post-card,.oc-loop-card,.oc-dynamic-card,.oc-query-card,.oc-archive-card,.oc-related-card,.oc-recent-posts,.oc-single-facts,.oc-single-fact,.oc-form-wrap,.oc-tabs,.oc-accordion-item,.oc-accordion details,.oc-cta{
  border-color:var(--velora-corp-line)!important;border-radius:var(--velora-corp-card-radius)!important;background:var(--velora-corp-card);box-shadow:var(--velora-corp-shadow)
}
.oc-feature,.oc-layout-iconbox,.oc-solution,.oc-post-card,.oc-loop-card,.oc-dynamic-card,.oc-query-card,.oc-archive-card,.oc-related-card{
  transition:transform .24s var(--velora-corp-ease),box-shadow .24s var(--velora-corp-ease),border-color .24s ease
}
@media(hover:hover){
  .oc-feature:hover,.oc-layout-iconbox:hover,.oc-solution:hover,.oc-post-card:hover,.oc-loop-card:hover,.oc-dynamic-card:hover,.oc-query-card:hover,.oc-archive-card:hover,.oc-related-card:hover{transform:translateY(-5px);box-shadow:var(--velora-corp-shadow-hover);border-color:color-mix(in srgb,var(--oc-primary) 20%,var(--oc-border))!important}
}
.oc-feature__icon,.oc-layout-iconbox__icon,.oc-icon-list__glyph{border-radius:12px;background:color-mix(in srgb,var(--oc-primary) 9%,var(--oc-surface));color:var(--oc-primary)}
.oc-post-card__media,.oc-loop-card__media,.oc-archive-card__media,.oc-related-image,.oc-recent-post__image,.oc-featured-media,.oc-overview-featured,.oc-project-gallery figure,.oc-gallery figure,.oc-solution figure{border-radius:var(--velora-corp-media-radius)!important;overflow:hidden}
/* Layout Image is a neutral primitive: icon/logo/PNG assets must preserve their own transparent edges. */
.oc-layout-image{border-radius:0!important;overflow:visible!important}
.oc-layout-image img{border-radius:0!important}
.oc-post-card__media img,.oc-loop-card__media img,.oc-archive-card__media img,.oc-related-image img,.oc-layout-image img,.oc-solution figure img{transition:transform .45s var(--velora-corp-ease)}
@media(hover:hover){.oc-post-card:hover img,.oc-loop-card:hover img,.oc-archive-card:hover img,.oc-related-card:hover img,.oc-solution:hover figure img{transform:scale(1.035)}}

/* Stats / lists */
.oc-icon-list{gap:14px}
.oc-icon-list__title{font-weight:700}
.oc-checklist li{position:relative}
.oc-mini-badge,.oc-single-kicker,.oc-loop-meta__item,.oc-archive-card__meta span{border-radius:999px!important;font-weight:750}

/* Forms */
.oc-form-wrap{padding:clamp(22px,3vw,34px)}
.oc-form input,.oc-form textarea,.oc-form select,.oc-search input{border-color:var(--oc-border);border-radius:10px;background:var(--oc-surface);transition:border-color .18s ease,box-shadow .18s ease}
.oc-form input:focus,.oc-form textarea:focus,.oc-form select:focus,.oc-search input:focus{outline:none;border-color:color-mix(in srgb,var(--oc-primary) 55%,var(--oc-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--oc-primary) 10%,transparent)}
.oc-form label{font-weight:650;color:var(--oc-text)}

/* Tabs / accordion */
.oc-tabs{overflow:hidden}
.oc-accordion details{overflow:hidden}
.oc-accordion summary{font-weight:700}
.oc-accordion details[open]{border-color:color-mix(in srgb,var(--oc-primary) 20%,var(--oc-border))!important}

/* Dynamic single */
.oc-single-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--oc-surface-soft) 0%,var(--oc-surface) 70%)}
.oc-single-hero::after{content:"";position:absolute;width:440px;height:440px;right:-190px;bottom:-260px;border-radius:50%;border:1px solid color-mix(in srgb,var(--oc-primary) 9%,transparent);box-shadow:0 0 0 70px color-mix(in srgb,var(--oc-primary) 2.5%,transparent),0 0 0 140px color-mix(in srgb,var(--oc-primary) 1.5%,transparent);pointer-events:none}
.oc-single-hero__content{position:relative;z-index:1}
.oc-single-hero__content h1{letter-spacing:-.05em;text-wrap:balance}
.oc-single-breadcrumb,.oc-archive-breadcrumb{color:var(--oc-text-muted)}
.oc-single-main{gap:clamp(34px,5vw,70px)}
.oc-single-content .oc-prose{font-size:1.02rem;line-height:1.82}
.oc-single-content .oc-prose h2,.oc-single-content .oc-prose h3{letter-spacing:-.025em}
.oc-recent-posts{padding:20px}
.oc-recent-post{border-bottom-color:var(--oc-border)}
.oc-single-cta__box{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--oc-surface-dark),color-mix(in srgb,var(--oc-surface-dark) 82%,var(--oc-primary)));color:var(--oc-text-inverse);border:0!important}
.oc-single-cta__box::after{content:"";position:absolute;width:260px;height:260px;right:-100px;top:-150px;border-radius:50%;background:color-mix(in srgb,var(--oc-primary) 24%,transparent);filter:blur(1px)}
.oc-single-cta__copy,.oc-single-cta__button{position:relative;z-index:1}

/* Archive */
.oc-archive-hero{background:linear-gradient(135deg,var(--oc-surface-soft) 0%,var(--oc-surface) 66%);border-bottom-color:var(--oc-border)}
.oc-archive-hero h1{letter-spacing:-.05em;text-wrap:balance}
.oc-archive-filters a,.oc-pagination a{border-color:var(--oc-border);border-radius:9px;background:var(--oc-surface)}
.oc-archive-filters a.is-active,.oc-pagination a.is-current{background:var(--oc-text);border-color:var(--oc-text);color:var(--oc-text-inverse)}
.oc-archive-card__body{padding:24px}
.oc-archive-cta{background:linear-gradient(135deg,var(--oc-surface-dark),color-mix(in srgb,var(--oc-surface-dark) 82%,var(--oc-primary)))}

/* CTA / map / references */
.oc-cta{position:relative;overflow:hidden}
.oc-cta::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--oc-primary)}
.oc-logo-grid img,.oc-logo-track img{filter:grayscale(1);opacity:.72;transition:filter .22s ease,opacity .22s ease,transform .22s ease}
@media(hover:hover){.oc-logo-grid a:hover img,.oc-logo-track a:hover img{filter:grayscale(0);opacity:1;transform:translateY(-2px)}}
.oc-map{border-radius:var(--velora-corp-media-radius);overflow:hidden;border:1px solid var(--oc-border)}

/* Footer */
.oc-footer{margin-top:0}
.oc-footer .oc-global-row{border-top:1px solid color-mix(in srgb,var(--oc-border) 72%,transparent)}
.oc-footer .is-dark,.oc-footer .is-custom-dark{color:var(--oc-text-inverse)}
.oc-footer-grid{padding-block:clamp(34px,5vw,64px)}
.oc-footer a{text-decoration:none;transition:opacity .18s ease,color .18s ease}
.oc-footer a:hover{color:var(--oc-primary)}
.oc-social-icon{border-radius:10px;transition:transform .18s ease,background .18s ease}
.oc-social-icon:hover{transform:translateY(-2px)}

/* Focus & accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--oc-primary) 28%,transparent);outline-offset:3px}

@media(max-width:980px){
  .oc-header-grid{min-height:68px}
  .oc-site-logo img{max-height:42px}
  .oc-container{width:min(calc(100% - 32px),var(--oc-container))}
}
@media(max-width:680px){
  .oc-container{width:min(calc(100% - 28px),var(--oc-container))}
  .oc-hero-pro__copy h1,.oc-single-hero__content h1,.oc-archive-hero h1{letter-spacing:-.04em}
  .oc-form-wrap{padding:20px}
  .oc-post-card__body,.oc-loop-card__body,.oc-archive-card__body{padding:20px}
}
@media(prefers-reduced-motion:reduce){
  .oc-button,.oc-form-submit,.oc-header-button,.oc-feature,.oc-layout-iconbox,.oc-solution,.oc-post-card,.oc-loop-card,.oc-dynamic-card,.oc-query-card,.oc-archive-card,.oc-related-card,.oc-logo-grid img,.oc-logo-track img{transition:none!important;transform:none!important}
}

/* v1.2.0 — Theme → Tokens → Builder visual contract
 * Theme supplies composition; global Design Tokens supply brand values;
 * explicit Builder values remain authoritative through component CSS variables/inline styles.
 */
.oc-hero-slide .oc-hero-points{color:color-mix(in srgb,var(--oc-hero-copy-color,var(--oc-text-inverse)) 84%,transparent)}
.oc-hero-slide .oc-hero-point{
  border:1px solid color-mix(in srgb,var(--oc-hero-eyebrow-color,var(--oc-accent)) 32%,transparent);
  background:color-mix(in srgb,var(--oc-surface-dark) 48%,transparent);
  color:inherit;
  box-shadow:none;
}
.oc-hero-slide .oc-hero-point__icon{
  border:1px solid color-mix(in srgb,var(--oc-hero-eyebrow-color,var(--oc-accent)) 42%,transparent);
  background:color-mix(in srgb,var(--oc-hero-eyebrow-color,var(--oc-accent)) 14%,transparent);
  color:var(--oc-hero-eyebrow-color,var(--oc-accent));
}
.oc-hero-slide .oc-hero-point__icon img{background:transparent;border-radius:0;box-shadow:none;filter:none}

/* CTA is a theme composition, not a generic white card. Brand values come from tokens. */
.oc-cta{
  border:1px solid color-mix(in srgb,var(--oc-text-inverse) 9%,transparent)!important;
  background:linear-gradient(135deg,var(--oc-surface-dark),color-mix(in srgb,var(--oc-surface-dark) 82%,var(--oc-primary)))!important;
  color:var(--oc-text-inverse)!important;
  box-shadow:0 22px 60px color-mix(in srgb,var(--oc-surface-dark) 18%,transparent)!important;
}
.oc-cta h2{color:var(--oc-text-inverse)}
.oc-cta p{color:color-mix(in srgb,var(--oc-text-inverse) 72%,transparent)}
.oc-cta:after{background:radial-gradient(circle,color-mix(in srgb,var(--oc-primary) 38%,transparent),transparent 68%)}
.oc-cta>.oc-button{background:var(--oc-primary);border-color:var(--oc-primary);color:var(--oc-text-inverse)!important}

/* Token-driven shared accents. These intentionally avoid fixed Corporate blues. */
.oc-feature__icon,.oc-layout-iconbox__icon,.oc-icon-list__glyph{background:color-mix(in srgb,var(--oc-primary) 9%,var(--oc-surface));color:var(--oc-primary)}
.oc-mini-badge,.oc-single-kicker{color:var(--oc-primary)}

/* v1.2.1 — Corporate visual polish
 * Refines Hero benefit chips, restores intentional inner spacing,
 * keeps Post Grid media radius only on the outer left corners,
 * and gives carousel cards enough breathing room for shadows.
 */

/* Hero benefits: compact glass chips instead of loose icon+text pairs. */
.oc-hero-slide .oc-hero-points{
  gap:10px 12px;
  margin-top:30px;
}
.oc-hero-slide .oc-hero-point{
  min-height:34px;
  padding:6px 11px 6px 7px;
  gap:8px;
  border-radius:999px;
  background:color-mix(in srgb,var(--oc-surface-dark) 54%,transparent);
  border-color:color-mix(in srgb,var(--oc-hero-eyebrow-color,var(--oc-accent)) 24%,transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--oc-text-inverse) 7%,transparent),0 5px 18px rgba(0,0,0,.09);
  backdrop-filter:blur(10px) saturate(125%);
  -webkit-backdrop-filter:blur(10px) saturate(125%);
  line-height:1.15;
}
.oc-hero-slide .oc-hero-point__icon{
  flex:0 0 22px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-size:10px;
  background:color-mix(in srgb,var(--oc-hero-eyebrow-color,var(--oc-accent)) 16%,transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--oc-hero-eyebrow-color,var(--oc-accent)) 16%,transparent);
}
.oc-hero-slide .oc-hero-point__icon img{
  width:13px;
  height:13px;
  object-fit:contain;
}

/* Post Grid is a horizontal editorial card: media belongs to the left edge. */
.oc-post-card__media{
  border-radius:var(--velora-corp-media-radius) 0 0 var(--velora-corp-media-radius)!important;
}
.oc-post-card__media img{
  border-radius:inherit;
}

/* Carousel tracks need vertical room for Corporate hover/shadow treatment.
   Without this, the horizontal scroller clips the card shadow. */
.oc-content-carousel{
  margin:-10px -14px -18px;
  padding:10px 14px 18px;
  overflow:visible;
}
.oc-content-carousel .oc-content-track{
  padding:10px 6px 22px;
  margin:-10px -6px -14px;
  scroll-padding-inline:6px;
}
.oc-content-carousel .oc-loop-card,
.oc-content-carousel .oc-post-card{
  margin-block:2px;
}

@media(max-width:700px){
  .oc-hero-slide .oc-hero-points{gap:8px;margin-top:24px}
  .oc-hero-slide .oc-hero-point{padding:6px 10px 6px 6px;font-size:12px}
  .oc-content-carousel{margin:-8px -8px -14px;padding:8px 8px 14px}
  .oc-content-carousel .oc-content-track{padding:8px 4px 18px;margin:-8px -4px -10px}
}

/* v1.2.2 — selector-safe Corporate polish
   Uses the renderer's real class hierarchy and deliberately wins over Core defaults. */
.oc-hero-slider .oc-hero-points{
  display:flex!important;
  align-items:center;
  gap:10px!important;
  margin-top:30px!important;
}
.oc-hero-slider .oc-hero-points .oc-hero-point{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:6px 12px 6px 7px!important;
  gap:8px!important;
  border:1px solid color-mix(in srgb,var(--oc-hero-eyebrow-color,var(--oc-accent)) 28%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--oc-surface-dark) 58%,transparent)!important;
  color:color-mix(in srgb,var(--oc-text-inverse) 82%,transparent)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(9px) saturate(120%);
  -webkit-backdrop-filter:blur(9px) saturate(120%);
  line-height:1.15!important;
}
.oc-hero-slider .oc-hero-points .oc-hero-point__icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--oc-hero-eyebrow-color,var(--oc-accent)) 35%,transparent)!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--oc-hero-eyebrow-color,var(--oc-accent)) 14%,transparent)!important;
  color:var(--oc-hero-eyebrow-color,var(--oc-accent))!important;
  font-size:10px!important;
}
.oc-hero-slider .oc-hero-points .oc-hero-point__icon img{width:12px!important;height:12px!important;padding:0!important;border-radius:0!important}

/* Keep the normal section rhythm supplied by the Design Token. */
body .oc-section{padding-top:var(--oc-section-space)!important;padding-bottom:var(--oc-section-space)!important}
body .oc-layout-item>.oc-section{padding:0!important}

/* Son Yazılar: image is flush with the card and rounded only on its outside-left edge. */
.oc-section .oc-post-grid .oc-post-card{overflow:hidden!important}
.oc-section .oc-post-grid .oc-post-card__media{
  overflow:hidden!important;
  border-radius:var(--velora-corp-media-radius) 0 0 var(--velora-corp-media-radius)!important;
}
.oc-section .oc-post-grid .oc-post-card__media img{
  border-radius:var(--velora-corp-media-radius) 0 0 var(--velora-corp-media-radius)!important;
}

/* Carousel shadows: reserve real space inside the horizontal scrollport instead of
   relying on overflow-visible (overflow-x:auto clips the cross axis by design). */
.oc-content-carousel{overflow:visible!important;margin:0!important;padding:0!important}
.oc-content-carousel .oc-content-track{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:14px 10px 34px!important;
  margin:0 -10px -20px!important;
  scroll-padding-inline:10px!important;
}
.oc-content-carousel .oc-content-track>.oc-loop-card,
.oc-content-carousel .oc-content-track>.oc-post-card,
.oc-content-carousel .oc-content-track>.oc-dynamic-card{
  margin-top:2px!important;
  margin-bottom:4px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
}
.oc-content-carousel .oc-content-track>.oc-loop-card:hover,
.oc-content-carousel .oc-content-track>.oc-post-card:hover,
.oc-content-carousel .oc-content-track>.oc-dynamic-card:hover{
  box-shadow:0 18px 34px rgba(15,23,42,.11)!important;
}
@media(max-width:700px){
  .oc-hero-slider .oc-hero-points{gap:8px!important;margin-top:24px!important}
  .oc-hero-slider .oc-hero-points .oc-hero-point{padding:6px 10px 6px 6px!important;font-size:12px!important}
  .oc-content-carousel .oc-content-track{padding:10px 8px 28px!important;margin:0 -8px -16px!important}
}

/* ==========================================================
   Velora Corporate v1.3.0 — Dynamic Content visual match
   Mirrors the approved Corporate reference mockup with real UI.
   ========================================================== */
.oc-dynamic-loop{
  background:var(--oc-surface)!important;
}
.oc-dynamic-loop>.oc-container{
  overflow:visible!important;
}
.oc-dynamic-loop .oc-section-head{
  max-width:760px;
  margin:0 auto 34px!important;
  text-align:center;
}
.oc-dynamic-loop .oc-section-head h2{
  margin:0 0 10px!important;
  color:var(--oc-text)!important;
  font-family:var(--oc-heading-font,var(--oc-font))!important;
  font-size:clamp(var(--oc-h2-mobile,32px),3.7vw,var(--oc-h2,48px))!important;
  line-height:var(--oc-h2-lh,1.1)!important;
  letter-spacing:-.04em!important;
  font-weight:var(--oc-h2-weight,750)!important;
}
.oc-dynamic-loop .oc-section-head p{
  max-width:680px;
  margin:0 auto!important;
  color:var(--oc-text-muted)!important;
  font-size:clamp(.98rem,1.3vw,1.12rem)!important;
  line-height:1.65!important;
}

/* The scrollport carries generous internal breathing room so real card shadows
   never collide with its clipping boundary. */
.oc-dynamic-loop .oc-content-carousel{
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
}
.oc-dynamic-loop .oc-content-carousel .oc-content-track{
  gap:24px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  box-sizing:border-box!important;
  padding:30px 28px 56px!important;
  margin:-30px -28px -36px!important;
  scroll-padding-inline:28px!important;
}
.oc-dynamic-loop .oc-content-carousel .oc-content-track>*{
  flex-basis:calc((100% - (var(--content-visible,3) - 1)*24px)/var(--content-visible,3))!important;
}

.oc-dynamic-loop .oc-loop-card{
  position:relative!important;
  overflow:hidden!important;
  min-width:0!important;
  border:1px solid color-mix(in srgb,var(--oc-border) 86%,transparent)!important;
  border-radius:24px!important;
  background:var(--oc-surface)!important;
  box-shadow:0 18px 44px rgba(16,24,40,.085)!important;
  transform:translateZ(0);
  transition:transform .24s var(--velora-corp-ease),box-shadow .24s var(--velora-corp-ease),border-color .24s ease!important;
}
.oc-dynamic-loop .oc-loop-card:hover{
  transform:translateY(-5px)!important;
  border-color:color-mix(in srgb,var(--oc-primary) 16%,var(--oc-border))!important;
  box-shadow:0 26px 58px rgba(16,24,40,.12)!important;
}
.oc-dynamic-loop .oc-loop-card__media{
  display:block!important;
  aspect-ratio:16 / 10!important;
  overflow:hidden!important;
  border-radius:23px 23px 0 0!important;
  background:var(--oc-surface-soft)!important;
}
.oc-dynamic-loop .oc-loop-card__media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:23px 23px 0 0!important;
  transition:transform .45s var(--velora-corp-ease)!important;
}
.oc-dynamic-loop .oc-loop-card:hover .oc-loop-card__media img{
  transform:scale(1.018)!important;
}
.oc-dynamic-loop .oc-loop-card__body{
  padding:28px 28px 30px!important;
}
.oc-dynamic-loop .oc-loop-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 15px!important;
}
.oc-dynamic-loop .oc-loop-meta__item{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:5px 12px!important;
  border:1px solid color-mix(in srgb,var(--oc-primary) 7%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--oc-primary) 6%,var(--oc-surface))!important;
  color:color-mix(in srgb,var(--oc-primary) 88%,var(--oc-text))!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-weight:750!important;
}
.oc-dynamic-loop .oc-loop-card__body h3{
  margin:0 0 14px!important;
  color:var(--oc-text)!important;
  font-size:clamp(1.25rem,1.65vw,1.55rem)!important;
  line-height:1.2!important;
  letter-spacing:-.035em!important;
  font-weight:800!important;
}
.oc-dynamic-loop .oc-loop-card__body h3 a{
  color:inherit!important;
  text-decoration:none!important;
}
.oc-dynamic-loop .oc-loop-card__body>p{
  margin:0 0 22px!important;
  color:var(--oc-text-muted)!important;
  font-size:.98rem!important;
  line-height:1.72!important;
}
.oc-dynamic-loop .oc-loop-card__link{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  margin-top:2px!important;
  color:var(--oc-primary)!important;
  font-size:.92rem!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.oc-dynamic-loop .oc-loop-card__link span{
  display:inline-block!important;
  font-size:1.15em!important;
  transition:transform .2s var(--velora-corp-ease)!important;
}
.oc-dynamic-loop .oc-loop-card:hover .oc-loop-card__link span{
  transform:translateX(4px)!important;
}
.oc-dynamic-loop .oc-content-dots{
  margin-top:6px!important;
  gap:8px!important;
}
.oc-dynamic-loop .oc-content-dots button{
  width:28px!important;
  height:6px!important;
  border:0!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--oc-border) 88%,transparent)!important;
  transition:width .2s var(--velora-corp-ease),background .2s ease!important;
}
.oc-dynamic-loop .oc-content-dots button.is-active,
.oc-dynamic-loop .oc-content-dots button[aria-current="true"]{
  width:34px!important;
  background:var(--oc-primary)!important;
}
.oc-dynamic-loop .oc-content-arrow{
  border:1px solid var(--oc-border)!important;
  background:color-mix(in srgb,var(--oc-surface) 94%,transparent)!important;
  color:var(--oc-text)!important;
  box-shadow:0 10px 26px rgba(16,24,40,.10)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

@media(max-width:980px){
  .oc-dynamic-loop .oc-content-carousel .oc-content-track{
    gap:20px!important;
    padding:26px 22px 48px!important;
    margin:-26px -22px -30px!important;
    scroll-padding-inline:22px!important;
  }
  .oc-dynamic-loop .oc-content-carousel .oc-content-track>*{
    flex-basis:calc((100% - (var(--content-tablet,2) - 1)*20px)/var(--content-tablet,2))!important;
  }
}
@media(max-width:700px){
  .oc-dynamic-loop .oc-section-head{margin-bottom:26px!important}
  .oc-dynamic-loop .oc-content-carousel .oc-content-track{
    gap:16px!important;
    padding:22px 16px 42px!important;
    margin:-22px -16px -26px!important;
    scroll-padding-inline:16px!important;
  }
  .oc-dynamic-loop .oc-content-carousel .oc-content-track>*{
    flex-basis:calc((100% - (var(--content-mobile,1) - 1)*16px)/var(--content-mobile,1))!important;
  }
  .oc-dynamic-loop .oc-loop-card{border-radius:20px!important}
  .oc-dynamic-loop .oc-loop-card__media,
  .oc-dynamic-loop .oc-loop-card__media img{border-radius:19px 19px 0 0!important}
  .oc-dynamic-loop .oc-loop-card__body{padding:23px 22px 25px!important}
}


/* v1.3.1 — carousel viewport cleanup
   Keep the scroll viewport inside the section container. The previous negative
   inline margins exposed a narrow slice of the next card at the right edge. */
.oc-dynamic-loop .oc-content-carousel{
  overflow:hidden!important;
  padding:0!important;
}
.oc-dynamic-loop .oc-content-carousel .oc-content-track{
  margin:-30px 0 -36px!important;
  padding:30px 28px 56px!important;
  scroll-padding-inline:28px!important;
  scrollbar-width:none;
}
.oc-dynamic-loop .oc-content-carousel .oc-content-track::-webkit-scrollbar{display:none}
@media(max-width:980px){
  .oc-dynamic-loop .oc-content-carousel .oc-content-track{
    margin:-26px 0 -30px!important;
    padding:26px 22px 48px!important;
    scroll-padding-inline:22px!important;
  }
}
@media(max-width:700px){
  .oc-dynamic-loop .oc-content-carousel .oc-content-track{
    margin:-22px 0 -26px!important;
    padding:22px 16px 42px!important;
    scroll-padding-inline:16px!important;
  }
}

/* v1.3.2 — exact 3-card viewport
   Horizontal padding inside the scroll track left 4px of the next slide visible:
   28px right padding - 24px gap = 4px. Keep shadow breathing room only vertically,
   so the visible card count is exact and no neighbouring card peeks through. */
.oc-dynamic-loop .oc-content-carousel{
  overflow:hidden!important;
}
.oc-dynamic-loop .oc-content-carousel .oc-content-track{
  margin:-30px 0 -36px!important;
  padding:30px 0 56px!important;
  scroll-padding-inline:0!important;
}
.oc-dynamic-loop .oc-loop-card{
  box-shadow:0 20px 34px -24px rgba(16,24,40,.34)!important;
}
.oc-dynamic-loop .oc-loop-card:hover{
  box-shadow:0 26px 42px -24px rgba(16,24,40,.38)!important;
}
@media(max-width:980px){
  .oc-dynamic-loop .oc-content-carousel .oc-content-track{
    margin:-26px 0 -30px!important;
    padding:26px 0 48px!important;
    scroll-padding-inline:0!important;
  }
}
@media(max-width:700px){
  .oc-dynamic-loop .oc-content-carousel .oc-content-track{
    margin:-22px 0 -26px!important;
    padding:22px 0 42px!important;
    scroll-padding-inline:0!important;
  }
}

/* ==========================================================
   Velora Corporate v1.4.0 — Project Detail Reference Layout
   Implements the approved project-detail mockup while preserving
   Core content and Builder data. Theme remains presentation-only.
   ========================================================== */

/* Project overview: quiet editorial surface + refined two-column balance. */
.oc-single-template .oc-single-overview{
  background:linear-gradient(180deg,color-mix(in srgb,var(--oc-surface-soft) 82%,var(--oc-surface)),var(--oc-surface-soft))!important;
}
.oc-single-template .oc-single-overview .oc-single-main{
  grid-template-columns:minmax(0,1fr) minmax(260px,320px)!important;
  gap:clamp(46px,6vw,92px)!important;
  align-items:start!important;
}
.oc-single-template .oc-single-overview .oc-rich-content{
  max-width:820px!important;
  color:color-mix(in srgb,var(--oc-text) 76%,var(--oc-text-muted))!important;
  font-size:1rem!important;
  line-height:1.84!important;
}
.oc-single-template .oc-single-overview .oc-rich-content h2,
.oc-single-template .oc-single-overview .oc-rich-content h3,
.oc-single-template .oc-single-overview .oc-rich-content h4{
  color:var(--oc-text)!important;
  margin-top:1.55em!important;
  margin-bottom:.45em!important;
  font-weight:800!important;
}

/* Facts: one elegant information panel instead of stacked mini-cards. */
.oc-single-template .oc-single-facts{
  position:relative!important;
  overflow:hidden!important;
  padding:6px 0!important;
  border:1px solid color-mix(in srgb,var(--oc-border) 82%,transparent)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--oc-surface) 97%,var(--oc-surface-soft))!important;
  box-shadow:0 24px 60px rgba(16,24,40,.085)!important;
}
.oc-single-template .oc-single-fact{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  align-items:center!important;
  min-height:68px!important;
  padding:13px 16px 13px 18px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--oc-border) 78%,transparent)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.oc-single-template .oc-single-fact:last-child{border-bottom:0!important}
.oc-single-template .oc-single-fact span{
  grid-column:1!important;
  margin:0 0 4px!important;
  color:color-mix(in srgb,var(--oc-text-muted) 78%,var(--oc-text))!important;
  font-size:.67rem!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
}
.oc-single-template .oc-single-fact strong{
  grid-column:1!important;
  color:var(--oc-text)!important;
  font-size:.9rem!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.oc-single-template .oc-single-fact::after{
  content:""!important;
  grid-column:2!important;
  grid-row:1 / span 2!important;
  width:34px!important;
  height:34px!important;
  justify-self:end!important;
  border-radius:50%!important;
  background-color:color-mix(in srgb,var(--oc-primary) 9%,var(--oc-surface))!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:16px 16px!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--oc-primary) 8%,transparent)!important;
}
/* Lightweight embedded SVG icons; decorative only. */
.oc-single-template .oc-single-fact:nth-child(1)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231f5eff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12h18'/%3E%3C/svg%3E")!important}
.oc-single-template .oc-single-fact:nth-child(2)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231f5eff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")!important}
.oc-single-template .oc-single-fact:nth-child(3)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231f5eff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11 12 4l9 7'/%3E%3Cpath d='M5 10v10h14V10M9 20v-6h6v6'/%3E%3C/svg%3E")!important}
.oc-single-template .oc-single-fact:nth-child(4)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231f5eff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")!important}
.oc-single-template .oc-single-fact:nth-child(5)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231f5eff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16M6 20V9l6-5 6 5v11M9 20v-6h6v6M8 10h.01M16 10h.01'/%3E%3C/svg%3E")!important}
.oc-single-template .oc-single-fact:nth-child(n+6)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231f5eff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.5 2.5L16 9'/%3E%3C/svg%3E")!important}

/* Gallery: approved editorial mosaic — dominant image left, supporting images right. */
.oc-single-template .oc-single-gallery-section{background:var(--oc-surface)!important}
.oc-single-template .oc-project-gallery{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  grid-template-rows:repeat(2,minmax(190px,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.oc-single-template .oc-project-gallery figure{
  min-width:0!important;
  margin:0!important;
  aspect-ratio:auto!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.oc-single-template .oc-project-gallery figure.is-featured{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  aspect-ratio:auto!important;
}
.oc-single-template .oc-project-gallery figure:nth-child(2){grid-column:2!important;grid-row:1!important}
.oc-single-template .oc-project-gallery figure:nth-child(3){grid-column:2!important;grid-row:2!important}
.oc-single-template .oc-project-gallery figure:nth-child(n+4){
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:240px!important;
}
.oc-single-template .oc-project-gallery .oc-gallery-open,
.oc-single-template .oc-project-gallery img{width:100%!important;height:100%!important;display:block!important}
.oc-single-template .oc-project-gallery img{object-fit:cover!important}

/* Related projects: restrained editorial cards with square image/body seam. */
.oc-single-template .oc-related-section{
  background:linear-gradient(180deg,var(--oc-surface),color-mix(in srgb,var(--oc-surface-soft) 58%,var(--oc-surface)))!important;
}
.oc-single-template .oc-related-grid{gap:16px!important}
.oc-single-template .oc-related-card{
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--oc-border) 84%,transparent)!important;
  border-radius:14px!important;
  background:var(--oc-surface)!important;
  box-shadow:0 14px 34px rgba(16,24,40,.065)!important;
}
.oc-single-template .oc-related-image,
.oc-single-template .oc-related-image img{
  border-radius:13px 13px 0 0!important;
}
.oc-single-template .oc-related-image{aspect-ratio:16 / 9!important}
.oc-single-template .oc-related-body{padding:17px 18px 19px!important}
.oc-single-template .oc-related-body h3{
  margin:0 0 8px!important;
  font-size:1.08rem!important;
  line-height:1.28!important;
  letter-spacing:-.025em!important;
}
.oc-single-template .oc-related-body p{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  margin:0 0 14px!important;
  color:var(--oc-text-muted)!important;
  font-size:.84rem!important;
  line-height:1.55!important;
}
.oc-single-template .oc-related-card__link{
  color:var(--oc-primary)!important;
  font-size:.84rem!important;
  font-weight:800!important;
}

/* Project CTA: full-width corporate strip inside the content rhythm. */
.oc-single-template .oc-single-cta{
  padding-top:0!important;
  padding-bottom:0!important;
  background:linear-gradient(90deg,#071a2d,#0b2139)!important;
}
.oc-single-template .oc-single-cta .oc-container{width:min(calc(100% - 40px),var(--oc-container))!important}
.oc-single-template .oc-single-cta__box{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
  max-width:none!important;
  min-height:122px!important;
  padding:26px 0!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
.oc-single-template .oc-single-cta__copy{
  position:relative!important;
  padding-left:54px!important;
}
.oc-single-template .oc-single-cta__copy::before{
  content:"↗"!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  transform:translateY(-50%)!important;
  border:1px solid color-mix(in srgb,var(--oc-primary) 52%,transparent)!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--oc-primary) 13%,transparent)!important;
  color:#fff!important;
  font-size:1rem!important;
  font-weight:700!important;
}
.oc-single-template .oc-single-cta__copy h2{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:clamp(1.25rem,2vw,1.65rem)!important;
  letter-spacing:-.03em!important;
}
.oc-single-template .oc-single-cta__copy p{
  margin:0!important;
  color:rgba(255,255,255,.67)!important;
  font-size:.88rem!important;
}
.oc-single-template .oc-single-cta__button{
  flex:0 0 auto!important;
  margin:0!important;
  min-height:44px!important;
  padding:0 18px!important;
  border:1px solid color-mix(in srgb,#fff 14%,transparent)!important;
  border-radius:8px!important;
  background:var(--oc-primary)!important;
  color:#fff!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--oc-primary) 20%,transparent)!important;
}

@media(max-width:800px){
  .oc-single-template .oc-single-overview .oc-single-main{grid-template-columns:1fr!important;gap:34px!important}
  .oc-single-template .oc-single-facts{max-width:none!important}
  .oc-single-template .oc-project-gallery{grid-template-columns:1fr!important;grid-template-rows:none!important;gap:10px!important}
  .oc-single-template .oc-project-gallery figure,
  .oc-single-template .oc-project-gallery figure.is-featured,
  .oc-single-template .oc-project-gallery figure:nth-child(n){grid-column:1!important;grid-row:auto!important;min-height:0!important;aspect-ratio:16 / 10!important}
  .oc-single-template .oc-single-cta__box{align-items:flex-start!important;flex-direction:column!important;min-height:0!important;padding:28px 0!important}
  .oc-single-template .oc-single-cta__copy{padding-left:0!important;padding-top:50px!important}
  .oc-single-template .oc-single-cta__copy::before{top:0!important;transform:none!important}
}

/* ============================================================
   Velora Corporate v1.7.2 — Header & project-detail refinements
   ============================================================ */

/* Header separators stay subtle and exactly 1px across dark/light rows. */
.oc-header .oc-global-row{
  border-bottom-width:1px!important;
}
.oc-header .oc-global-row.is-dark,
.oc-header .oc-global-row.is-custom-dark{
  border-bottom-color:rgba(255,255,255,.14)!important;
}
.oc-header .oc-global-row.is-light,
.oc-header .oc-global-row.is-custom-light{
  border-bottom-color:rgba(15,23,42,.08)!important;
}

/* Compact topbar: preserve content but reduce vertical footprint. */
.oc-header .oc-global-row--top .oc-header-grid{
  min-height:34px!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
}
.oc-header .oc-global-row--top .oc-global-link{
  font-size:.76rem!important;
  line-height:1.2!important;
  opacity:.86;
}

/* Social icons: lighter, smaller and deliberately unboxed. */
.oc-header .oc-global-row--top .oc-social{
  gap:5px!important;
}
.oc-header .oc-global-row--top .oc-social a.oc-social-icon{
  width:25px!important;
  height:25px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  opacity:.68!important;
  box-shadow:none!important;
  transition:opacity .18s ease,background .18s ease,transform .18s ease!important;
}
.oc-header .oc-global-row--top .oc-social-icon svg{
  width:13px!important;
  height:13px!important;
  stroke-width:1.7;
}
.oc-header .oc-global-row--top .oc-social a.oc-social-icon:hover{
  opacity:1!important;
  background:rgba(255,255,255,.065)!important;
  transform:translateY(-1px)!important;
}

/* Project hero breadcrumb: one step brighter on imagery, still secondary to title. */
.oc-single-template .oc-single-hero.has-image .oc-single-breadcrumb{
  color:rgba(255,255,255,.80)!important;
}
.oc-single-template .oc-single-hero.has-image .oc-single-breadcrumb a{
  color:inherit!important;
  opacity:.88!important;
}
.oc-single-template .oc-single-hero.has-image .oc-single-breadcrumb span[aria-current="page"]{
  opacity:.86!important;
}

/* Remove the decorative CTA orb — the corporate strip stays intentionally clean. */
.oc-single-template .oc-single-cta__box::after{
  content:none!important;
  display:none!important;
}

@media(max-width:800px){
  .oc-header .oc-global-row--top .oc-header-grid{
    min-height:32px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }
}

/* ============================================================
   Velora Corporate v1.4.2 — media seams & form submit refinement
   ============================================================ */

/* Card media should visually connect to the body: rounded only on top. */
.oc-solution figure,
.oc-post-card__media,
.oc-loop-card__media,
.oc-archive-card__media,
.oc-related-image{
  border-radius:var(--velora-corp-media-radius) var(--velora-corp-media-radius) 0 0!important;
}
.oc-solution figure img,
.oc-post-card__media img,
.oc-loop-card__media img,
.oc-archive-card__media img,
.oc-related-image img{
  border-radius:inherit!important;
}

/* Public form submit row: wrapper stays structural, button owns the style. */
.oc-form-submit{
  display:block!important;
  width:100%!important;
  margin-top:4px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.oc-form-submit:hover{
  transform:none!important;
  box-shadow:none!important;
}
.oc-form-submit .oc-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 22px!important;
  border-radius:var(--velora-corp-button-radius)!important;
  background:var(--oc-primary)!important;
  border-color:var(--oc-primary)!important;
  color:var(--oc-text-inverse)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--oc-primary) 20%,transparent)!important;
}

/* Corporate 1.4.3 · Footer typography */
.oc-footer .oc-footer-col{font-size:12px;font-weight:500}
.oc-footer .oc-footer-col .oc-nav a,.oc-footer .oc-footer-col .oc-global-link,.oc-footer .oc-footer-col p,.oc-footer .oc-footer-col li{font-size:12px;font-weight:500;line-height:1.65}
.oc-footer-heading{font-size:13px;font-weight:750;line-height:1.35;letter-spacing:-.01em;margin:0 0 3px;color:inherit}

/* Corporate 1.4.4 · Refined footer system */
.oc-footer .oc-global-row{
  border-top:0!important;
  border-bottom:0!important;
}
.oc-footer .oc-global-row--bottom{
  border-top:1px solid rgba(255,255,255,.075)!important;
}
.oc-footer-grid{
  padding-block:clamp(38px,4.3vw,54px)!important;
  gap:clamp(28px,4vw,62px)!important;
}
.oc-footer-col{
  gap:10px!important;
}
.oc-footer .oc-footer-col .oc-nav>ul{
  gap:5px!important;
}
.oc-footer .oc-footer-col .oc-nav a,
.oc-footer .oc-footer-col .oc-global-link,
.oc-footer .oc-footer-col p,
.oc-footer .oc-footer-col li{
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.45!important;
  opacity:.86;
}
.oc-footer .oc-footer-col .oc-nav a{
  padding-block:2px;
}
.oc-footer-heading{
  margin:0 0 8px!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.075em!important;
  text-transform:uppercase;
  opacity:.92;
}
.oc-footer .oc-global-row--bottom .oc-footer-grid{
  padding-block:14px!important;
  align-items:center!important;
}
.oc-footer .oc-global-row--bottom .oc-footer-col{
  justify-content:center;
}
.oc-footer .oc-global-row--bottom .oc-footer-col:last-child{
  align-items:flex-end;
}
.oc-copyright{
  font-size:11px!important;
  font-weight:500;
  opacity:.58!important;
  line-height:1.4;
}
.oc-footer-legal{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  flex-wrap:wrap;
}
.oc-footer-legal a{
  color:inherit!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.4;
  opacity:.58;
  text-decoration:none;
}
.oc-footer-legal a:hover{
  opacity:1;
  color:var(--oc-primary)!important;
}
@media(max-width:700px){
  .oc-footer-grid{padding-block:32px!important;gap:22px!important}
  .oc-footer .oc-global-row--bottom .oc-footer-grid{padding-block:14px!important;gap:10px!important}
  .oc-footer .oc-global-row--bottom .oc-footer-col,
  .oc-footer .oc-global-row--bottom .oc-footer-col:last-child{align-items:flex-start!important}
  .oc-footer-legal{justify-content:flex-start;gap:14px}
}

/* ============================================================
   Velora Corporate v1.6.0 — Composition System
   Theme owns the visual language; Builder only owns structure.
   ============================================================ */
.oc-hero-slider--tone-light .oc-hero-slide{
  background-color:var(--oc-surface-soft)!important;
}
.oc-hero-slider--tone-light .oc-hero-pro__glow{
  opacity:.45;
  background:radial-gradient(circle at 72% 35%,color-mix(in srgb,var(--oc-primary) 10%,transparent),transparent 42%);
}
.oc-hero-slider--tone-light .oc-hero-pro__visual img{
  box-shadow:0 22px 60px rgba(15,23,42,.10);
}
.oc-hero-slider--tone-light .oc-button--ghost{
  border:1px solid color-mix(in srgb,var(--oc-text) 15%,var(--oc-border))!important;
  color:var(--oc-text)!important;
  background:rgba(255,255,255,.68)!important;
}
.oc-hero-slider--tone-light .oc-button--ghost:hover{
  border-color:color-mix(in srgb,var(--oc-primary) 45%,var(--oc-border))!important;
  color:var(--oc-primary)!important;
  background:#fff!important;
}
.oc-hero-slider--benefits-plain .oc-hero-points{
  gap:24px!important;
}
.oc-hero-slider--benefits-plain .oc-hero-point{
  color:var(--oc-text-muted)!important;
  font-size:12px!important;
  font-weight:700!important;
}
.oc-hero-slider--benefits-plain .oc-hero-point__icon{
  width:25px!important;height:25px!important;
  color:var(--oc-primary)!important;
}
.oc-hero-slider--benefits-plain .oc-hero-point__icon img{
  width:20px!important;height:20px!important;
}

.oc-split-highlights{margin-top:30px;gap:18px 28px}
.oc-split-highlight{font-size:12px;color:var(--oc-text-muted)}
.oc-split-highlight i{
  width:32px;height:32px;border-radius:10px;
  background:color-mix(in srgb,var(--oc-primary) 8%,var(--oc-surface));
  color:var(--oc-primary);
}
.oc-split-highlight i img{width:19px;height:19px}
.oc-split-highlight strong{font-weight:750;color:var(--oc-text)}

.oc-feature--plain,
.oc-feature--process{
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.oc-feature--plain{padding:8px 6px!important}
.oc-feature--plain .oc-feature__icon{
  width:42px;height:42px;margin-bottom:14px;background:transparent!important;
}
.oc-feature--plain .oc-feature__icon img{max-width:34px;max-height:34px}
.oc-feature--soft{
  border-color:color-mix(in srgb,var(--oc-primary) 8%,var(--oc-border))!important;
  background:color-mix(in srgb,var(--oc-primary) 3%,var(--oc-surface))!important;
  box-shadow:none!important;
}
.oc-feature--outline{box-shadow:none!important;background:transparent!important}
.oc-feature--process{
  position:relative;padding:8px 12px!important;
}
.oc-feature--process .oc-feature__icon{
  width:56px;height:56px;margin:0 auto 16px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--oc-primary) 8%,var(--oc-surface))!important;
  border:1px solid color-mix(in srgb,var(--oc-primary) 13%,var(--oc-border));
}
.oc-feature--process .oc-feature__icon img{max-width:28px;max-height:28px}
.oc-feature--process h3{font-size:14px!important;margin-bottom:7px!important}
.oc-feature--process p{font-size:12px!important;line-height:1.55!important}

.oc-embedded-tabs .oc-tabs,
.oc-embedded-accordion .oc-accordion{width:100%}
.oc-layout-column .oc-embedded-tabs .oc-section-head,
.oc-layout-column .oc-embedded-accordion .oc-section-head{text-align:left;margin-bottom:18px}
.oc-layout-column .oc-tabs{box-shadow:0 16px 44px rgba(15,23,42,.055)}
.oc-layout-column .oc-accordion-item{box-shadow:0 8px 24px rgba(15,23,42,.035)}
.oc-layout-column .oc-layout-image img{box-shadow:0 22px 60px rgba(15,23,42,.10)}

/* Corporate 1.6.1 — composition polish */
/* Hero plain benefits: no forced chip/background; uploaded icon colors remain intact. */
.oc-hero-slider--benefits-plain .oc-hero-point{
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;gap:8px!important;
}
.oc-hero-slider--benefits-plain .oc-hero-point__icon{
  width:24px!important;height:24px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--oc-primary)!important;
}
.oc-hero-slider--benefits-plain .oc-hero-point__icon img{width:22px!important;height:22px!important;object-fit:contain!important;filter:none!important}
.oc-hero-slider--tone-light.oc-hero-slider--benefits-plain .oc-hero-point{color:var(--oc-text-muted)!important}

/* Accordion: slimmer headers, still comfortable for touch. */
.oc-accordion-item summary,.oc-accordion details summary{padding:12px 16px!important;min-height:46px!important}
.oc-accordion-content{padding:0 16px 15px!important}

/* Process cards: dotted connector on desktop/tablet, removed on mobile. */
.oc-feature-grid--process{position:relative;column-gap:36px!important}
.oc-feature-grid--process .oc-feature--process{position:relative;text-align:center;padding:10px 8px!important;overflow:visible!important}
.oc-feature-grid--process .oc-feature--process:not(:last-child)::after{
  content:"";position:absolute;top:31px;left:calc(50% + 34px);width:calc(100% - 32px);border-top:2px dashed color-mix(in srgb,var(--oc-primary) 28%,var(--oc-border));z-index:0;
}
.oc-feature-grid--process .oc-feature__icon{position:relative;z-index:1;margin-inline:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
.oc-feature-grid--process .oc-feature__icon img{width:42px!important;height:42px!important;object-fit:contain}
@media(max-width:700px){.oc-feature-grid--process .oc-feature--process:not(:last-child)::after{display:none}.oc-feature-grid--process{row-gap:18px!important}}

/* Rich CTA variants */
.oc-cta{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px 26px}
.oc-cta__icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--oc-primary) 38%,transparent);color:var(--oc-primary);font-weight:850;font-size:20px;flex:none}
.oc-cta__icon img{width:26px;height:26px;object-fit:contain}
.oc-cta__copy h2{margin:0 0 7px}.oc-cta__copy p{margin:0}
.oc-cta-contacts{display:flex;align-items:center;justify-content:flex-end;gap:12px 20px;flex-wrap:wrap}
.oc-cta-contact{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:750;font-size:14px}
.oc-cta--light{background:var(--oc-surface)!important;color:var(--oc-text)!important;border:1px solid var(--oc-border)!important;box-shadow:0 18px 48px rgba(15,23,42,.07)!important}
.oc-cta--light h2{color:var(--oc-text)!important}.oc-cta--light p{color:var(--oc-text-muted)!important}.oc-cta--light .oc-cta-contact{color:var(--oc-text)!important}
.oc-cta--dark .oc-cta-contact{color:var(--oc-text-inverse)!important}
@media(max-width:760px){.oc-cta{grid-template-columns:1fr!important;text-align:left}.oc-cta__icon{width:42px;height:42px}.oc-cta-contacts{justify-content:flex-start}.oc-cta>.oc-button{justify-self:start}}
@media(max-width:900px){.oc-feature-grid--process .oc-feature--process:not(:last-child)::after{display:none}}

/* Corporate 1.6.2 — final Hakkımızda visual corrections */
/* Hero / plain benefits: beat the generic slider chip rules with equal-or-higher specificity. */
.oc-hero-slider.oc-hero-slider--benefits-plain .oc-hero-points .oc-hero-point{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:var(--oc-text-muted)!important;
  gap:9px!important;
}
.oc-hero-slider.oc-hero-slider--benefits-plain .oc-hero-points .oc-hero-point__icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--oc-primary)!important;
}
.oc-hero-slider.oc-hero-slider--benefits-plain .oc-hero-points .oc-hero-point__icon img{
  width:26px!important;
  height:26px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  filter:none!important;
}
.oc-hero-slider--tone-light.oc-hero-slider--benefits-plain .oc-hero-points .oc-hero-point{
  color:color-mix(in srgb,var(--oc-text) 72%,transparent)!important;
}

/* Process: larger icon stage and visually larger uploaded PNG/SVG. */
.oc-feature-grid--process .oc-feature--process .oc-feature__icon{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  margin:0 auto 18px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--oc-primary) 7%,var(--oc-surface))!important;
  border:1px solid color-mix(in srgb,var(--oc-primary) 14%,var(--oc-border))!important;
}
.oc-feature-grid--process .oc-feature--process .oc-feature__icon img{
  width:48px!important;
  height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  object-fit:contain!important;
}
.oc-feature-grid--process .oc-feature--process:not(:last-child)::after{
  top:34px!important;
  left:calc(50% + 42px)!important;
  width:calc(100% - 48px)!important;
}

/* CTA: remove decorative glow / blue bubble from the generic core CTA. */
.oc-cta::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

@media(max-width:900px){
  .oc-feature-grid--process .oc-feature--process .oc-feature__icon{width:60px!important;height:60px!important;min-width:60px!important}
  .oc-feature-grid--process .oc-feature--process .oc-feature__icon img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
}
@media(max-width:700px){
  .oc-hero-slider.oc-hero-slider--benefits-plain .oc-hero-points{gap:12px 18px!important}
  .oc-hero-slider.oc-hero-slider--benefits-plain .oc-hero-points .oc-hero-point{white-space:normal!important}
}


/* Corporate 1.6.3 — process connector stability + overlay accordion */
.oc-feature-grid--process .oc-feature--process:hover{transform:none!important}
.oc-feature-grid--process .oc-feature--process::after{transform:none!important;transition:none!important}
.oc-feature-grid--process .oc-feature--process:hover::after{top:34px!important}

@media(min-width:901px){
  .oc-layout-column .oc-embedded-accordion{position:relative;z-index:4}
  .oc-layout-column .oc-embedded-accordion .oc-accordion{position:relative;isolation:isolate}
  .oc-layout-column .oc-embedded-accordion .oc-accordion-item{position:relative;overflow:visible!important}
  .oc-layout-column .oc-embedded-accordion .oc-accordion-item[open]{z-index:20}
  .oc-layout-column .oc-embedded-accordion .oc-accordion-item[open] .oc-accordion-content{position:absolute;left:10px;right:10px;top:calc(100% + 7px);z-index:30;padding:18px 20px!important;border:1px solid color-mix(in srgb,var(--oc-primary) 18%,var(--oc-border));border-radius:14px;background:var(--oc-surface);box-shadow:0 20px 54px rgba(15,23,42,.14)}
  .oc-layout-column .oc-embedded-accordion .oc-accordion-item[open] .oc-accordion-content .oc-rich-content{max-height:260px;overflow:auto}
}
.oc-tab-panel .oc-rich-content,.oc-accordion-content .oc-rich-content{line-height:1.7;color:var(--oc-text-muted)}
.oc-tab-panel .oc-rich-content p,.oc-accordion-content .oc-rich-content p{margin:.45em 0}.oc-tab-panel .oc-rich-content ul,.oc-accordion-content .oc-rich-content ul{padding-left:1.25em}

/* v1.6.4 · Text + Image eyebrow */
.ourcms-public.theme-corporate .oc-split__eyebrow{margin-bottom:12px;color:var(--oc-primary);font-weight:800;letter-spacing:.16em;text-transform:uppercase}

/* Corporate v1.7.0 — Search, 404 and transparent homepage header */
.oc-header--overlay-home{position:absolute;inset:0 0 auto 0;z-index:100;background:transparent!important}.oc-header--overlay-home .oc-global-row--main.is-transparent{background:transparent!important;border-bottom-color:rgba(255,255,255,.16);box-shadow:none}.oc-header--overlay-home .oc-global-row--main.is-transparent .oc-nav a,.oc-header--overlay-home .oc-global-row--main.is-transparent .oc-global-link,.oc-header--overlay-home .oc-global-row--main.is-transparent .oc-logo-text{color:#fff}.oc-header--overlay-home .oc-global-row--main.is-transparent .oc-search-icon-toggle{color:#fff;border-color:rgba(255,255,255,.3)}
.oc-search-widget--box .oc-search-form input{min-height:54px;border-radius:14px;box-shadow:0 10px 30px rgba(15,23,42,.055)}.oc-search-widget--icon .oc-search-icon-toggle{transition:background .18s ease,border-color .18s ease}.oc-search-widget--icon .oc-search-icon-toggle:hover{background:color-mix(in srgb,var(--oc-primary) 8%,transparent);border-color:color-mix(in srgb,var(--oc-primary) 30%,var(--oc-border))}.oc-search-live{padding:7px;border-radius:16px}.oc-search-result{transition:padding-left .2s ease}.oc-search-result:hover{padding-left:8px}.oc-not-found-code{color:color-mix(in srgb,var(--oc-primary) 12%,var(--oc-surface))}.oc-not-found-search .oc-search-widget{max-width:none}
@media(max-width:767px){.oc-header--overlay-home .oc-global-row--top{display:none}.oc-header--overlay-home .oc-header-grid{min-height:68px}}
.oc-header--overlay-home .oc-global-row--main.is-transparent.is-stuck{background:color-mix(in srgb,var(--oc-surface) 92%,transparent)!important;border-bottom-color:var(--velora-corp-line);box-shadow:0 10px 32px rgba(15,23,42,.10)}
.oc-header--overlay-home .oc-global-row--main.is-transparent.is-stuck .oc-nav a,.oc-header--overlay-home .oc-global-row--main.is-transparent.is-stuck .oc-global-link,.oc-header--overlay-home .oc-global-row--main.is-transparent.is-stuck .oc-logo-text{color:var(--oc-text)}
.oc-header--overlay-home .oc-global-row--main.is-transparent.is-stuck .oc-search-icon-toggle{color:var(--oc-text);border-color:var(--oc-border)}

/* v1.18.4 — header tone is contrast, background remains exact */
.oc-header .oc-global-row.is-light{background:var(--oc-surface);color:var(--oc-text)}
.oc-header .oc-global-row.is-dark{background:var(--oc-surface-dark);color:var(--oc-text-inverse)}
.oc-header .oc-global-row.is-custom{background:var(--oc-row-bg)}
.oc-header .oc-global-row.is-custom-dark{color:var(--oc-text-inverse)}
.oc-header .oc-global-row.is-custom-light{color:var(--oc-text)}
.oc-header .oc-global-row--main.is-sticky.is-light{background:var(--oc-surface);color:var(--oc-text)}
.oc-header .oc-global-row--main.is-sticky.is-dark{background:var(--oc-surface-dark);color:var(--oc-text-inverse)}


/* Corporate v1.7.3 — final mobile header polish */
@media(max-width:860px){
  .ourcms-public.theme-corporate .oc-header .oc-mobile-toggle{
    background:#fff!important;
    color:#101828!important;
    border-color:rgba(16,24,40,.12)!important;
  }
  .ourcms-public.theme-corporate .oc-header .oc-language-switcher--dropdown>summary{
    box-shadow:none;
  }
}