/* PEKINTAS ALUFORM DIRECT TEMPLATE */
.sp-brand-clean{
      --sp:#024677;
      --sp-dark:#073b60;
      --sp-text:#456477;
      --sp-line:rgba(2,70,119,.14);
      position:relative;
      padding:74px 0 82px;
      background:#fff;
      overflow:hidden;
    }

    .sp-brand-clean *,
    .sp-brand-clean *::before,
    .sp-brand-clean *::after{box-sizing:border-box}

    .sp-brand-clean .sp-wrap{
      width:min(1180px, calc(100% - 48px));
      margin:0 auto;
    }

    /* HERO */
    .sp-brand-clean .sp-hero{
      display:grid;
      grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
      gap:68px;
      align-items:center;
    }

    .sp-brand-clean .sp-copy{
      max-width:none;
      min-width:0;
    }

    .sp-brand-clean .sp-title{
      margin:0 0 24px;
      color:var(--sp);
      font-size:clamp(38px,4vw,58px);
      line-height:1;
      letter-spacing:-.045em;
      font-weight:800;
      white-space:nowrap;
      word-break:normal;
      overflow-wrap:normal;
    }

    .sp-brand-clean .sp-lead{
      margin:0;
      color:#6b8090;
      font-size:17px;
      line-height:1.9;
      max-width:520px;
    }

    .sp-brand-clean .sp-visual{
      position:relative;
      min-width:0;
    }

    .sp-brand-clean .sp-image{
      position:relative;
      overflow:hidden;
      border-radius:18px;
      background:#eef4f7;
      box-shadow:0 18px 45px rgba(14,57,87,.10);
    }

    .sp-brand-clean .sp-image::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(120deg, rgba(2,70,119,.08), transparent 34%);
      pointer-events:none;
      opacity:.55;
    }

    .sp-brand-clean .sp-image img{
      display:block;
      width:100%;
      aspect-ratio:16/10;
      object-fit:cover;
      object-position:center;
      transition:transform 1.1s cubic-bezier(.2,.7,.2,1);
    }

    .sp-brand-clean .sp-image:hover img{
      transform:scale(1.035);
    }

    /* ABOUT */
    .sp-brand-clean .sp-about{
      width:100%;
      max-width:none;
      margin-top:72px;
    }

    .sp-brand-clean .sp-about-title{
      margin:0;
      color:var(--sp-dark);
      font-size:28px;
      line-height:1.2;
      letter-spacing:-.025em;
      font-weight:700;
    }

    .sp-brand-clean .sp-rule{
      width:64px;
      height:2px;
      margin:16px 0 30px;
      background:var(--sp);
      transform-origin:left center;
    }

    .sp-brand-clean .sp-text{
      width:100%;
      max-width:none;
    }

    .sp-brand-clean .sp-text p{
      width:100%;
      max-width:none;
      margin:0 0 22px;
      color:#526c7d;
      font-size:16px;
      line-height:1.92;
    }

    .sp-brand-clean .sp-meta{
      width:100%;
      display:flex;
      flex-wrap:wrap;
      gap:20px 48px;
      margin-top:34px;
      padding-top:22px;
      border-top:1px solid var(--sp-line);
    }

    .sp-brand-clean .sp-meta-item{
      min-width:120px;
    }

    .sp-brand-clean .sp-meta-item b{
      display:block;
      margin-bottom:5px;
      color:var(--sp);
      font-size:11px;
      line-height:1.3;
      font-weight:800;
      letter-spacing:.09em;
      text-transform:uppercase;
    }

    .sp-brand-clean .sp-meta-item span{
      display:block;
      color:#334f61;
      font-size:14px;
      line-height:1.5;
      font-weight:500;
    }

    /* EFFECTS */
    .sp-brand-clean .sp-reveal,
    .sp-brand-clean .sp-image-reveal{
      opacity:1;
      transform:none;
    }

    /* Animasyon sadece JS gerçekten çalışıyorsa devreye girer.
       Admin <script> etiketini silerse içerik ve görsel yine görünür kalır. */
    .sp-brand-clean.sp-js .sp-reveal{
      opacity:0;
      transform:translateY(24px);
      transition:
        opacity .78s cubic-bezier(.2,.7,.2,1),
        transform .78s cubic-bezier(.2,.7,.2,1);
      transition-delay:var(--d,0ms);
    }

    .sp-brand-clean.sp-js .sp-reveal.sp-on{
      opacity:1;
      transform:none;
    }

    .sp-brand-clean.sp-js .sp-image-reveal{
      opacity:0;
      transform:translateY(18px);
      transition:
        opacity .9s cubic-bezier(.2,.7,.2,1),
        transform .9s cubic-bezier(.2,.7,.2,1);
      transition-delay:120ms;
    }

    .sp-brand-clean.sp-js .sp-image-reveal.sp-on{
      opacity:1;
      transform:none;
    }

    .sp-brand-clean.sp-js .sp-rule.sp-reveal{
      transform:scaleX(.2);
      transform-origin:left center;
    }

    .sp-brand-clean.sp-js .sp-rule.sp-on{
      transform:scaleX(1);
    }

    @media (max-width: 991px){
      .sp-brand-clean{
        padding:58px 0 68px;
      }

      .sp-brand-clean .sp-wrap{
        width:min(100% - 36px,1180px);
      }

      .sp-brand-clean .sp-hero{
        grid-template-columns:1fr;
        gap:36px;
      }

      .sp-brand-clean .sp-copy{
        max-width:720px;
      }

      .sp-brand-clean .sp-lead{
        max-width:680px;
      }

      .sp-brand-clean .sp-visual{
        max-width:760px;
      }

      .sp-brand-clean .sp-about{
        margin-top:54px;
      }
    }

    @media (max-width: 575px){
      .sp-brand-clean{
        padding:42px 0 54px;
      }

      .sp-brand-clean .sp-wrap{
        width:calc(100% - 28px);
      }

      .sp-brand-clean .sp-title{
        font-size:clamp(27px,8.2vw,36px);
        margin-bottom:18px;
        white-space:nowrap;
      }

      .sp-brand-clean .sp-lead,
      .sp-brand-clean .sp-text p{
        font-size:15px;
        line-height:1.82;
      }

      .sp-brand-clean .sp-image,
      .sp-brand-clean .sp-image-reveal{
        border-radius:14px;
      }

      .sp-brand-clean .sp-image img{
        aspect-ratio:4/3;
      }

      .sp-brand-clean .sp-about-title{
        font-size:23px;
      }

      .sp-brand-clean .sp-meta{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:20px 24px;
      }

      .sp-brand-clean .sp-meta-item{
        min-width:0;
      }
    }

    @media (prefers-reduced-motion:reduce){
      .sp-brand-clean .sp-reveal,
      .sp-brand-clean .sp-image-reveal{
        opacity:1;
        transform:none;
        clip-path:none;
        transition:none;
      }

      .sp-brand-clean .sp-image img{
        transition:none;
      }
    }


/* ==========================================================================
   ALUFORM — BRAND COLOR SYSTEM / LOGO-LED THEME
   Breadcrumb + direct brand page accents.
   ========================================================================== */

.sp-brand-clean{
    --brand-primary:#D41473;
    --brand-deep:#35434D;
    --brand-accent:#EE5A9D;
    --brand-soft:#FCECF4;
    --brand-rgb:212,20,115;
    --brand-accent-rgb:238,90,157;

    --sp:var(--brand-primary)!important;
    --sp-dark:var(--brand-deep)!important;
    --sp-line:rgba(var(--brand-rgb),.16)!important;
}

/* ---------- BREADCRUMB / INNER HERO ---------- */
/* Each direct-brand CSS is loaded only on its own page, so these global
   breadcrumb selectors are safely brand-scoped by the loaded stylesheet. */
.breadcumb-section.pekintas-page-featured-hero{
    background-image:
        radial-gradient(circle at 88% 18%,rgba(var(--brand-accent-rgb),.38),transparent 31%),
        linear-gradient(115deg,var(--brand-deep) 0%,var(--brand-primary) 64%,var(--brand-accent) 112%)!important;
    background-color:var(--brand-deep)!important;
}

.breadcumb-section.pekintas-page-featured-hero.has-featured-media{
    background-color:var(--brand-deep)!important;
}

.breadcumb-section .pekintas-page-featured-overlay{
    background:
        linear-gradient(90deg,rgba(var(--brand-rgb),.84) 0%,rgba(var(--brand-rgb),.62) 46%,rgba(var(--brand-accent-rgb),.22) 100%)!important;
}

.breadcumb-section .breadcumb-content h1{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 3px 18px rgba(0,0,0,.10);
}

.breadcumb-section .pekintas-breadcrumb{
    display:inline-flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:8px 15px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
}

.breadcumb-section .pekintas-breadcrumb-link,
.breadcumb-section .pekintas-breadcrumb-current,
.breadcumb-section .pekintas-breadcrumb-separator{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}

.breadcumb-section .pekintas-breadcrumb-current{
    font-weight:800!important;
}

.breadcumb-section .pekintas-breadcrumb-link{
    opacity:.78;
    transition:opacity .25s ease,color .25s ease;
}

.breadcumb-section .pekintas-breadcrumb-link:hover{
    opacity:1;
    color:#fff!important;
}

/* ---------- BRAND PAGE TYPOGRAPHY / ACCENTS ---------- */
.sp-brand-clean .sp-title{
    color:var(--brand-deep)!important;
}

.sp-brand-clean .sp-title::selection,
.sp-brand-clean .sp-about-title::selection,
.sp-brand-clean p::selection{
    background:rgba(var(--brand-rgb),.18);
}

.sp-brand-clean .sp-lead{
    position:relative;
    padding-left:18px;
}

.sp-brand-clean .sp-lead::before{
    content:"";
    position:absolute;
    left:0;
    top:.42em;
    bottom:.42em;
    width:3px;
    border-radius:99px;
    background:linear-gradient(180deg,var(--brand-primary),var(--brand-accent));
}

.sp-brand-clean .sp-about-title{
    color:var(--brand-deep)!important;
}

.sp-brand-clean .sp-rule{
    background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent))!important;
}

.sp-brand-clean .sp-meta{
    border-top-color:rgba(var(--brand-rgb),.16)!important;
}

.sp-brand-clean .sp-meta-item b{
    color:var(--brand-primary)!important;
}

.sp-brand-clean .sp-meta-item span{
    color:var(--brand-deep)!important;
}

.sp-brand-clean .sp-image{
    background:var(--brand-soft)!important;
    box-shadow:0 20px 48px rgba(var(--brand-rgb),.12)!important;
}

.sp-brand-clean .sp-image::after{
    background:
        linear-gradient(120deg,rgba(var(--brand-rgb),.16),transparent 34%),
        linear-gradient(320deg,rgba(var(--brand-accent-rgb),.10),transparent 28%)!important;
}

.sp-brand-clean .sp-image::before{
    content:"";
    position:absolute;
    z-index:2;
    left:18px;
    bottom:18px;
    width:54px;
    height:4px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));
    opacity:.92;
    pointer-events:none;
}

@media(max-width:575px){
    .sp-brand-clean .sp-lead{
        padding-left:14px;
    }
    .breadcumb-section .pekintas-breadcrumb{
        padding:7px 12px!important;
        gap:8px!important;
    }
}


/* ==========================================================================
   BRAND PAGE HERO FIX + SUBTLE BACKGROUND / HOVER EFFECTS
   Fixes: empty white hero area, ghost title, weak background feel
   ========================================================================== */

/* --- safer inner hero sizing --- */
.breadcumb-section.pekintas-page-featured-hero{
    position:relative!important;
    min-height:clamp(220px, 23vw, 320px)!important;
    padding:120px 0 72px!important;
    display:flex!important;
    align-items:flex-end!important;
    overflow:hidden!important;
    isolation:isolate;
}

.breadcumb-section.pekintas-page-featured-hero .container,
.breadcumb-section.pekintas-page-featured-hero .breadcumb-content{
    position:relative!important;
    z-index:2!important;
    opacity:1!important;
    visibility:visible!important;
}

.breadcumb-section.pekintas-page-featured-hero .breadcumb-content{
    transform:none!important;
}

.breadcumb-section.pekintas-page-featured-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:
        radial-gradient(circle at 18% 22%, rgba(255,255,255,.06), transparent 22%),
        radial-gradient(circle at 82% 30%, rgba(255,255,255,.08), transparent 24%),
        linear-gradient(120deg, rgba(255,255,255,.04), transparent 35%);
    pointer-events:none;
}

.breadcumb-section.pekintas-page-featured-hero::after{
    content:"";
    position:absolute;
    left:-10%;
    right:-10%;
    bottom:-42px;
    height:88px;
    z-index:1;
    background:radial-gradient(50% 100% at 50% 0%, rgba(255,255,255,.22), rgba(255,255,255,0) 70%);
    opacity:.38;
    pointer-events:none;
}

/* If some template creates an empty hero media wrapper, neutralize it */
.breadcumb-section.pekintas-page-featured-hero .pekintas-page-featured-media:empty,
.breadcumb-section.pekintas-page-featured-hero .featured-media:empty{
    display:none!important;
}

/* prevent giant gap after hero on direct brand pages */
.sp-brand-clean{
    position:relative;
    margin-top:0!important;
    padding-top:0!important;
    background:
        radial-gradient(circle at 12% 0%, rgba(var(--brand-rgb), .045), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(var(--brand-accent-rgb), .04), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(var(--brand-rgb), .015) 100%);
    overflow:hidden;
}

.sp-brand-clean::before{
    content:"";
    position:absolute;
    inset:0 auto auto 0;
    width:min(38vw, 460px);
    height:min(38vw, 460px);
    border-radius:50%;
    background:radial-gradient(circle, rgba(var(--brand-rgb), .06) 0%, rgba(var(--brand-rgb), 0) 68%);
    filter:blur(6px);
    pointer-events:none;
    z-index:0;
}

.sp-brand-clean::after{
    content:"";
    position:absolute;
    inset:auto 0 6% auto;
    width:min(34vw, 360px);
    height:min(34vw, 360px);
    border-radius:50%;
    background:radial-gradient(circle, rgba(var(--brand-accent-rgb), .05) 0%, rgba(var(--brand-accent-rgb), 0) 70%);
    filter:blur(8px);
    pointer-events:none;
    z-index:0;
}

.sp-brand-clean > *{
    position:relative;
    z-index:1;
}

/* --- title/readability --- */
.breadcumb-section .breadcumb-content h1{
    line-height:1.08!important;
    letter-spacing:-.02em!important;
}

@media (max-width: 1400px){
    .breadcumb-section .breadcumb-content h1{
        font-size:clamp(34px, 4.2vw, 58px)!important;
    }
}
@media (max-width: 991px){
    .breadcumb-section.pekintas-page-featured-hero{
        min-height:220px!important;
        padding:100px 0 56px!important;
    }
}
@media (max-width: 767px){
    .breadcumb-section.pekintas-page-featured-hero{
        min-height:190px!important;
        padding:86px 0 42px!important;
    }
    .breadcumb-section .breadcumb-content h1{
        font-size:clamp(28px, 7.4vw, 38px)!important;
        line-height:1.10!important;
    }
}

/* --- subtle premium motion --- */
.sp-brand-clean .sp-image,
.sp-brand-clean .sp-meta-item,
.sp-brand-clean .sp-button,
.sp-brand-clean .sp-cta,
.sp-brand-clean .sp-card{
    transition:
        transform .35s cubic-bezier(.2,.7,.2,1),
        box-shadow .35s cubic-bezier(.2,.7,.2,1),
        border-color .35s ease,
        background-color .35s ease;
}

.sp-brand-clean .sp-image:hover,
.sp-brand-clean .sp-card:hover{
    transform:translateY(-4px);
    box-shadow:0 24px 56px rgba(var(--brand-rgb), .16)!important;
}

.sp-brand-clean .sp-meta-item:hover{
    transform:translateY(-2px);
    border-color:rgba(var(--brand-rgb), .28)!important;
    box-shadow:0 10px 28px rgba(var(--brand-rgb), .10);
}

.sp-brand-clean .sp-button:hover,
.sp-brand-clean .sp-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 34px rgba(var(--brand-rgb), .18)!important;
}

/* soft interactive glow */
.sp-brand-clean .sp-image{
    position:relative;
}
.sp-brand-clean .sp-image::before{
    content:"";
    position:absolute;
    inset:auto -14% -18% auto;
    width:160px;
    height:160px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(var(--brand-accent-rgb), .12), rgba(var(--brand-accent-rgb), 0) 70%);
    filter:blur(10px);
    opacity:.75;
    pointer-events:none;
}

/* generic card hover if template uses standard cards */
.sp-brand-clean [class*="card"],
.sp-brand-clean [class*="box"]{
    transition:
        transform .35s cubic-bezier(.2,.7,.2,1),
        box-shadow .35s cubic-bezier(.2,.7,.2,1);
}
.sp-brand-clean [class*="card"]:hover,
.sp-brand-clean [class*="box"]:hover{
    transform:translateY(-4px);
}

/* keep effects subtle on mobile */
@media (hover:none){
    .sp-brand-clean .sp-image:hover,
    .sp-brand-clean .sp-card:hover,
    .sp-brand-clean .sp-meta-item:hover,
    .sp-brand-clean .sp-button:hover,
    .sp-brand-clean .sp-cta:hover,
    .sp-brand-clean [class*="card"]:hover,
    .sp-brand-clean [class*="box"]:hover{
        transform:none!important;
        box-shadow:inherit!important;
    }
}


/* ==========================================================================
   DIRECT BRAND BREADCRUMB — page.php is authoritative.
   This stylesheet only provides a final brand-local safety layer.
   ========================================================================== */
.pk-brand-breadcrumb{
    background-color:var(--brand-deep)!important;
}
.pk-brand-breadcrumb .pekintas-page-featured-media,
.pk-brand-breadcrumb .pekintas-page-featured-overlay{
    display:none!important;
}
.pk-brand-breadcrumb .breadcumb-content h1,
.pk-brand-breadcrumb .pekintas-breadcrumb-link,
.pk-brand-breadcrumb .pekintas-breadcrumb-current,
.pk-brand-breadcrumb .pekintas-breadcrumb-separator{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}


/* DIRECT BRAND BREADCRUMB STRICT SAFETY */
.pk-brand-breadcrumb{
    margin-bottom:20px!important;
    background-color:var(--brand-deep)!important;
    background-image:linear-gradient(
        110deg,
        var(--brand-deep) 0%,
        var(--brand-primary) 72%,
        var(--brand-accent) 100%
    )!important;
    box-shadow:none!important;
    filter:none!important;
}
.pk-brand-breadcrumb::before,
.pk-brand-breadcrumb::after{
    content:none!important;
    display:none!important;
}
.pk-brand-breadcrumb [class*="glow"],
.pk-brand-breadcrumb [class*="orb"],
.pk-brand-breadcrumb [class*="circle"],
.pk-brand-breadcrumb [class*="shape"],
.pk-brand-breadcrumb [class*="radial"]{
    display:none!important;
}