/* ==========================================================
   BY BARIŞ ORGANİZASYON — V21 CORPORATE MOTION SYSTEM
   Hafif, erişilebilir ve kurumsal hareket dili.
   ========================================================== */

:root{
  --bb21-ink:#0b2d38;
  --bb21-gold:#c58c34;
  --bb21-gold-soft:rgba(197,140,52,.16);
  --bb21-shadow:0 16px 38px rgba(7,31,39,.09);
  --bb21-ease:cubic-bezier(.22,1,.36,1);
}

/* Google business card: brand-owned cover + real logo treatment. */
body.vip-home-page .bb-google-card__cover{
  position:relative!important;
  isolation:isolate!important;
}
body.vip-home-page .bb-google-card__cover::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,26,34,0) 48%,rgba(4,26,34,.16) 100%);
  z-index:1;
}
body.vip-home-page .bb-google-card__cover img{
  object-position:center 48%!important;
  transform:scale(1.002);
  transition:transform .9s var(--bb21-ease),filter .45s ease!important;
}
body.vip-home-page .bb-google-card:hover .bb-google-card__cover img{
  transform:scale(1.025);
  filter:saturate(1.035) contrast(1.015);
}
body.vip-home-page .bb-google-card__brand{
  position:relative!important;
  min-height:66px;
}
body.vip-home-page .bb-google-logo{
  flex:0 0 62px;width:62px;height:62px;display:grid!important;place-items:center!important;
  padding:7px;border-radius:16px;background:#fff;border:1px solid rgba(10,49,61,.12);
  box-shadow:0 9px 24px rgba(7,31,39,.08);overflow:hidden;
}
body.vip-home-page .bb-google-logo img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
  object-position:center!important;
}
body.vip-home-page .bb-google-verified{
  margin-left:auto;flex:0 0 27px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#d8a24e,#a86c1f);color:#fff;font-size:10px;
  box-shadow:0 7px 18px rgba(171,111,30,.18);
}
body.vip-home-page .bb-google-card.is-bb21-live .bb-google-logo{
  animation:bb21LogoBreath 5.4s ease-in-out infinite;
}

/* Section heading accent: a thin gold line that grows in instead of flashy blinking. */
body.vip-site .bb21-headingfx{
  position:relative;
}
body.vip-site .bb21-headingfx::after{
  content:"";display:block;width:0;height:1px;margin-top:11px;
  background:linear-gradient(90deg,var(--bb21-gold),rgba(197,140,52,.15));
  transition:width .9s var(--bb21-ease);
}
body.vip-site .is-bb21-live .bb21-headingfx::after,
body.vip-site .bb21-headingfx.is-bb21-live::after{width:52px}
body.vip-home-page .bs-heading--center .bb21-headingfx::after{margin-left:auto;margin-right:auto}

/* Elegant media glint used on event photography, not on text-only boxes. */
body.vip-site .bb21-mediafx{position:relative!important;isolation:isolate!important;overflow:hidden!important}
body.vip-site .bb21-mediafx::after{
  content:"";position:absolute;z-index:4;pointer-events:none;top:-45%;bottom:-45%;left:-38%;width:22%;
  transform:skewX(-16deg);opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transition:left .9s var(--bb21-ease),opacity .25s ease;
}
@media(hover:hover) and (pointer:fine){
  body.vip-site .bb21-mediafx:hover::after{left:118%;opacity:.78}
}

/* Card movement — small enough to feel premium, never “bouncy”. */
body.vip-home-page .bb-service-card,
body.vip-home-page .bb-project-card,
body.vip-home-page .bb-package-card,
body.vip-home-page .bb-film__clip,
body.vip-home-page .bb-gallery-album-card,
body.vip-home-page .bb-gallery-detail,
body.vip-home-page .bb-youtube-card,
body.vip-home-page .bb-review-card,
body.vip-home-page .bs-journal__card,
body.vip-home-page .bs-reference,
body.vip-home-page .bb-google-card,
body.vip-home-page .bb-ig-grid>a{
  transition:transform .38s var(--bb21-ease),box-shadow .38s ease,border-color .38s ease,filter .38s ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.vip-home-page .bb-service-card:hover,
  body.vip-home-page .bb-project-card:hover,
  body.vip-home-page .bb-package-card:hover,
  body.vip-home-page .bb-film__clip:hover,
  body.vip-home-page .bb-gallery-album-card:hover,
  body.vip-home-page .bb-youtube-card:hover,
  body.vip-home-page .bb-review-card:hover,
  body.vip-home-page .bs-journal__card:hover,
  body.vip-home-page .bs-reference:hover{
    transform:translate3d(0,-5px,0)!important;
    box-shadow:var(--bb21-shadow)!important;
  }
  body.vip-home-page .bb-gallery-detail:hover{transform:translate3d(0,-3px,0)!important}
  body.vip-home-page .bb-google-card:hover{transform:translate3d(0,-3px,0)!important;box-shadow:0 20px 46px rgba(7,31,39,.09)!important}
}

/* Photography comes alive with a restrained zoom. */
body.vip-home-page .bb-service-card__media img,
body.vip-home-page .bb-project-card__media img,
body.vip-home-page .bb-package-card__media img,
body.vip-home-page .bb-film__clip-media img,
body.vip-home-page .bb-youtube-card__media img,
body.vip-home-page .bs-journal__media img{
  transition:transform .75s var(--bb21-ease),filter .45s ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.vip-home-page .bb-service-card:hover .bb-service-card__media img,
  body.vip-home-page .bb-project-card:hover .bb-project-card__media img,
  body.vip-home-page .bb-package-card:hover .bb-package-card__media img,
  body.vip-home-page .bb-film__clip:hover .bb-film__clip-media img,
  body.vip-home-page .bb-youtube-card:hover .bb-youtube-card__media img,
  body.vip-home-page .bs-journal__card:hover .bs-journal__media img{
    transform:scale(1.045)!important;filter:saturate(1.04) contrast(1.015)
  }
}

/* Gold CTAs periodically catch a very soft light. */
body.vip-site .bs-btn--gold,
body.vip-site .bb-quote-top{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
}
body.vip-site .bs-btn--gold::after,
body.vip-site .bb-quote-top::after{
  content:"";position:absolute;z-index:-1;top:-50%;bottom:-50%;left:-44px;width:30px;
  transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  opacity:0;animation:bb21CtaShine 7.2s ease-in-out infinite 1.8s;pointer-events:none;
}

/* Process strip gets a controlled event-flow pulse. */
body.vip-home-page .bs-process__item{position:relative!important;overflow:hidden!important}
body.vip-home-page .bs-process__item::after{
  content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(215,168,88,.8),transparent);
  transform:scaleX(.12);opacity:.25;transform-origin:left center;
  transition:transform .9s var(--bb21-ease),opacity .4s ease;
}
body.vip-home-page .bs-process.is-bb21-live .bs-process__item::after{
  transform:scaleX(1);opacity:.7;
}
body.vip-home-page .bs-process.is-bb21-live .bs-process__item:nth-child(2)::after{transition-delay:.10s}
body.vip-home-page .bs-process.is-bb21-live .bs-process__item:nth-child(3)::after{transition-delay:.20s}
body.vip-home-page .bs-process.is-bb21-live .bs-process__item:nth-child(4)::after{transition-delay:.30s}

/* Platform blocks get a subtle signature border when they enter the viewport. */
body.vip-home-page .bb-google__grid,
body.vip-home-page .bb-ig-showcase,
body.vip-home-page .bb-film__stage,
body.vip-home-page .bb-gallery-showcase{
  position:relative;
}
body.vip-home-page .bb-google__grid::before,
body.vip-home-page .bb-ig-showcase::before,
body.vip-home-page .bb-film__stage::before,
body.vip-home-page .bb-gallery-showcase::before{
  content:"";position:absolute;z-index:6;pointer-events:none;left:0;top:0;height:1px;width:0;
  background:linear-gradient(90deg,var(--bb21-gold),rgba(197,140,52,.08));
  transition:width 1.2s var(--bb21-ease);
}
body.vip-home-page .is-bb21-live .bb-google__grid::before,
body.vip-home-page .is-bb21-live .bb-ig-showcase::before,
body.vip-home-page .is-bb21-live .bb-film__stage::before,
body.vip-home-page .is-bb21-live .bb-gallery-showcase::before{width:100%}

/* Inner pages: only a refined reveal/hover language; no heavy home effects. */
body.vip-inner-page .bb21-inner-card{
  transition:transform .34s var(--bb21-ease),box-shadow .34s ease,border-color .34s ease!important;
}
@media(hover:hover) and (pointer:fine){
  body.vip-inner-page .bb21-inner-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(7,31,39,.07)}
}

@keyframes bb21LogoBreath{
  0%,100%{box-shadow:0 9px 24px rgba(7,31,39,.08),0 0 0 0 rgba(197,140,52,0)}
  52%{box-shadow:0 12px 28px rgba(7,31,39,.10),0 0 0 4px rgba(197,140,52,.07)}
}
@keyframes bb21CtaShine{
  0%,68%{left:-44px;opacity:0}
  73%{opacity:.38}
  86%{left:calc(100% + 20px);opacity:0}
  100%{left:calc(100% + 20px);opacity:0}
}

@media(max-width:991px){
  body.vip-home-page .bb-google-logo{width:56px;height:56px;flex-basis:56px;border-radius:14px}
  body.vip-site .bb21-headingfx::after{margin-top:9px}
}
@media(max-width:767px){
  body.vip-home-page .bb-google-card__cover img{object-position:center center!important}
  body.vip-home-page .bb-google-logo{width:52px;height:52px;flex-basis:52px;padding:6px}
  body.vip-home-page .bb-google-verified{width:25px;height:25px;flex-basis:25px}
  body.vip-home-page .bb21-headingfx::after{width:36px!important}
  body.vip-home-page .bb-service-card:hover,
  body.vip-home-page .bb-project-card:hover,
  body.vip-home-page .bb-package-card:hover{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  body.vip-site *,body.vip-site *::before,body.vip-site *::after{
    scroll-behavior:auto!important;
  }
  body.vip-site .bb-google-logo,
  body.vip-site .bs-btn--gold::after,
  body.vip-site .bb-quote-top::after{animation:none!important}
  body.vip-site .bb21-headingfx::after{transition:none!important;width:52px}
  body.vip-site .bb21-mediafx::after{display:none!important}
}