/* Efsane Global V73 — real responsive brand ecosystem; NO flattened mockup.
   Scoped to #markalarimiz; other hero, brand directory, product and admin unaffected. */
.ef73-portfolio { position:relative; overflow:hidden; isolation:isolate; padding:58px 0 72px;
  background: radial-gradient(ellipse at 50% 57%, #c9e5fd 0, #e8f5ff 42%, #f4faff 73%, #f9fcff 100%); }
.ef73-portfolio::before,.ef73-portfolio::after {content:''; position:absolute; z-index:0; pointer-events:none;
  width:140%; height:35%; left:-20%; border-radius:50%; border:1px solid #ffffffa8;
  background:linear-gradient(175deg,transparent 45%,#ffffff70 100%); }
.ef73-portfolio::before{top:-26%;transform:rotate(-5deg)}
.ef73-portfolio::after{bottom:-31%;transform:rotate(5deg)}
.ef73-portfolio .ef73-content { position:relative; z-index:1; width: min(96%, 1240px); margin-inline:auto; }
.ef73-portfolio .ef73-heading{text-align:center;max-width:1020px;margin:0 auto;}
.ef73-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;color:#1674d6;margin-bottom:13px}
.ef73-eyebrow span{display:block;width:84px;height:2px;background:linear-gradient(90deg,#a7daf8,#1d76d7)}
.ef73-eyebrow span:last-child{transform:scaleX(-1)}
.ef73-portfolio .ef73-heading h2{margin:0!important;color:#071b43!important;font-size:clamp(27px,4.4vw,58px)!important;
  font-weight:850!important;line-height:1.13!important;letter-spacing:-1.8px!important;}
.ef73-portfolio .ef73-heading h2 em {font-style:normal!important;color:#207ad9!important}
.ef73-portfolio .ef73-heading p{max-width:810px;margin:14px auto 14px!important;color:#546782!important;
  font-size:clamp(13px,1.3vw,17px)!important;line-height:1.56!important;}
.ef73-underline{display:block;width:69px;height:4px;background:#1679e6;border-radius:99px;margin:0 auto}
.ef73-stage{position:relative;isolation:isolate;width:min(920px,100%);aspect-ratio:1;margin:10px auto 0;
  overflow:visible;contain:layout style;}
.ef73-aura{position:absolute;inset:0;border-radius:50%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,#ffffffd6 0 22%,#d1edff8c 47%,#b8defb40 73%,transparent 79%);}
.ef73-track{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}
.ef73-track-outer{width:79.4%;height:79.4%;border:2px solid #75c6fa;box-shadow:0 0 25px #60bafb3d}
.ef73-track-middle{width:64.8%;height:64.8%;border:1px solid #a4d9f8}
.ef73-track-inner{width:54%;height:54%;border:1px solid #ffffffd8}
.ef73-center{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);
  width:56%;height:46%;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 48% 50%,#fff 52%,#f4faff 78%,#eff7fff2 100%);
  border:1px solid #ffffff;box-shadow:0 14px 55px #73afdf30,0 0 30px #fff9 inset;padding:12px 5.5%;}
.ef73-company{display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none!important;
  flex:1;min-width:0;height:79%;max-height:275px;outline-offset:5px;}
.ef73-company-4a{flex:1.04}
.ef73-company-4a img{max-width:96%;max-height:99%;height:99%;width:96%;object-fit:contain}
.ef73-divider{height:59%;flex:0 0 1px;display:block;background:#a5bfd7;margin:0 2%}
.ef73-company-efsane{flex:1;gap:0}
.ef73-company-efsane img{max-width:92%;height:68%;width:100%;object-fit:contain;object-position:center bottom}
.ef73-company-wordmark{display:block;color:#083e8c;font-size:clamp(12px,2.4vw,31px);letter-spacing:.05em;
  line-height:1.04;text-align:center;font-weight:950!important;white-space:nowrap}
.ef73-company-wordmark small{display:block;font-size:.7em;letter-spacing:.16em}
.ef73-brands{position:absolute;inset:0;z-index:4;pointer-events:none}
.ef73-badge{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  border:1px solid #e0effd;border-radius:50%;width:14.4%;height:14.4%;background:#fff;
  box-shadow:0 8px 21px #12558c22,0 3px 12px #ffffff99 inset;
  padding:2.0%;transform:translate(-50%,-50%);outline-offset:4px;
  pointer-events:auto;transition:box-shadow .2s ease,border-color .2s ease;will-change:transform;}
.ef73-badge img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center;
  image-rendering:auto;filter:none;mix-blend-mode:multiply;transform:none!important}
.ef73-badge:hover,.ef73-badge:focus-visible{z-index:6;box-shadow:0 10px 28px #116dc470;border-color:#76bff0;outline:2px solid #429de6}
.ef73-footer{text-align:center;margin:-13px auto 0;position:relative;z-index:5}
.ef73-cta{display:inline-flex;gap:13px;align-items:center;justify-content:center;border-radius:13px;padding:13px 23px;
  color:#fff!important;background:#0d65bd;box-shadow:0 7px 23px #1665aa22;text-decoration:none!important;
  font-size:14px;font-weight:750}
.ef73-cta:hover,.ef73-cta:focus-visible{background:#094c92;color:#fff!important}
@media(max-width:800px){.ef73-portfolio{padding:39px 0 48px}.ef73-portfolio .ef73-heading h2{letter-spacing:-1.1px!important}.ef73-stage{margin-top:4px}}
@media(max-width:540px){
 .ef73-portfolio{padding:31px 0 36px}.ef73-portfolio .ef73-content{width:100%;}
 .ef73-portfolio .ef73-heading{padding:0 13px}.ef73-portfolio .ef73-heading h2{letter-spacing:-.7px!important}
 .ef73-eyebrow{gap:9px}.ef73-eyebrow span{width:49px}
 .ef73-portfolio .ef73-heading p{font-size:12px!important;line-height:1.6!important;margin-top:9px!important}
 .ef73-break{display:none}.ef73-stage{width:100%;margin-top:10px}
 .ef73-badge{width:15.5%;height:15.5%;padding:2.2%;box-shadow:0 4px 10px #12558c25}
 .ef73-center{width:58%;height:45%;padding:10px 4%}
 .ef73-company-wordmark{font-size:clamp(10px,3.2vw,17px)}
 .ef73-footer{margin:3px auto 0}
 .ef73-cta{padding:11px 17px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.ef73-badge{transition:none;will-change:auto}}