.felix-image-frame{position:relative}.felix-image-pending{background:linear-gradient(135deg,#fff0f8,#e8f8ff,#fff8cd)!important}.felix-image-pending::after{content:'Görsel yükleniyor…';position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:10px;background:#fffef5;color:#34445b;box-shadow:0 2px 12px #182b4320;font:600 12px/1.4 system-ui;pointer-events:none;z-index:1}.felix-image-pending img{background:linear-gradient(135deg,#fff0f8,#e8f8ff)}.final-product-photo{aspect-ratio:3/2}.matbaa-product>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.felix-image-error::after{content:'Görsel yüklenemedi';position:absolute;left:12px;top:12px;background:#fff;padding:7px 10px;border-radius:10px;color:#34445b;font:600 12px/1.4 system-ui;pointer-events:none}body,body.has-felix-favorites{padding-bottom:var(--felix-dock-space,85px)!important}#felix-contact-dock{bottom:max(12px,env(safe-area-inset-bottom))!important;max-width:min(380px,calc(100vw - 24px))}.felix-support-window{bottom:var(--felix-dock-space,85px)!important;max-height:calc(100dvh - var(--felix-dock-space,85px) - 20px)!important}#felix-contact-dock[data-obscured=true]{visibility:hidden!important;pointer-events:none!important}

/* Use the original brand asset above the inaccurate raster logo. */
.launch-promo-art{position:relative}.launch-workshop-original-brand{position:absolute;left:3.8%;top:3.9%;width:14%;height:13%;display:flex;align-items:center;justify-content:center;padding:0.6%;background:#fff;z-index:2;pointer-events:none}.launch-workshop-original-brand>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;aspect-ratio:auto!important;transform:none!important;margin:0!important;border-radius:0!important}
@media(max-width:600px){.launch-workshop-original-brand{left:28.8%;top:1.2%;width:23%;height:7.5%;padding:0.7%}}

/* CMY shimmer in the existing heading-to-card gap. */
#hizmetler .launch-services-intro:has(+.felix-cmy-separator){margin-bottom:16px!important}
#hizmetler .felix-cmy-separator{position:relative;display:block;width:100%;height:4px;margin:0 0 25px;border-radius:999px;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,#00c8ed 0%,#00c8ed 26%,#e90088 49%,#ffd900 76%,#ffd900 100%);box-shadow:0 0 8px #e9008826}
#hizmetler .felix-cmy-separator::after{content:'';position:absolute;inset:-3px auto -3px 0;width:30%;background:linear-gradient(90deg,transparent,#ffffffdd 50%,transparent);transform:translateX(-110%);animation:felix-cmy-shimmer 3.8s linear infinite}
@keyframes felix-cmy-shimmer{to{transform:translateX(440%)}}
@media(max-width:600px){#hizmetler .felix-cmy-separator{height:3px;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){#hizmetler .felix-cmy-separator::after{animation:none;transform:translateX(115%);opacity:.35}}

/* One offset for native section links and scrollIntoView. */
html{scroll-padding-top:var(--felix-anchor-offset,120px)!important}
#top,#hizmetler,#projeler,#takip,#teklif{scroll-margin-top:0!important}

/* Material props sit within the existing decorative bottom padding. */
.discovery-card:has(#brandPreview) .felix-material-sheets{position:absolute;left:50%;bottom:-12px;width:104px;height:90px;transform:translateX(-50%);z-index:3;pointer-events:none}
.felix-material-sheets>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;animation:felix-material-gleam 4.5s ease-in-out infinite}
@keyframes felix-material-gleam{0%,72%,100%{filter:brightness(1)}82%{filter:brightness(1.22)}90%{filter:brightness(1.06)}}
@media(prefers-reduced-motion:reduce){.felix-material-sheets>img{animation:none}}

.felix-favorites-guide{margin:24px 0 0;padding:20px 12px;text-align:center;border-radius:20px;background:radial-gradient(ellipse at 18% 25%,#dbf9ff,transparent 60%),radial-gradient(ellipse at 85% 80%,#ffe4f4,transparent 60%),#fffdf2}
.felix-favorites-guide svg{display:block;width:min(100%,300px);height:110px;margin:0 auto}.felix-favorites-guide-title{margin:8px 0 16px;font-weight:800;color:#19364a}.felix-favorites-guide-steps{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#284054}.felix-favorites-guide-steps span{display:flex;gap:6px;align-items:center}.felix-favorites-guide-steps b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#00bce9;color:white}.felix-favorites-guide-steps span:nth-child(2) b{background:#ec008c}.felix-favorites-guide-steps span:nth-child(3) b{background:#ffe000;color:#574b00}.discovery-card:has(#favoriteList .fav-chip) .felix-favorites-guide{display:none}
@media(max-width:700px){#hizmetler .launch-services-intro.felix-mobile-intro-reveal::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff75 48%,#00c8ed18 52%,transparent 65%);transform:translateX(-110%);animation:felix-intro-light-sweep 1.8s ease-out forwards}}
@keyframes felix-intro-light-sweep{to{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){#hizmetler .launch-services-intro.felix-mobile-intro-reveal::after{display:none;animation:none}}

.felix-mobile-brand-line{display:none}
@media(max-width:700px){body>header .nav>.felix-mobile-brand-line{display:block;flex:1 1 64px;min-width:18px;max-width:96px;height:3px;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,#00c8ed,#ec008c,#ffe000,#00c8ed);background-size:200% 100%;box-shadow:0 0 5px #00c8ed33;animation:felix-brand-color-flow 5s linear infinite}}
@keyframes felix-brand-color-flow{from{background-position:0% 50%}to{background-position:200% 50%}}
@media(prefers-reduced-motion:reduce){body>header .nav>.felix-mobile-brand-line{animation:none}}

/* First-view light sequence follows the proportions of the services artwork. */
#hizmetler .launch-services-intro{position:relative}
.felix-intro-light{position:absolute;pointer-events:none;opacity:0;z-index:2}
.felix-intro-light-amber{left:9.3%;top:43%;width:10%;height:18%;background:linear-gradient(40deg,transparent 40%,#ffce674d 48%,#fff6d070 51%,transparent 58%);filter:blur(3px)}
.felix-intro-light-felix{left:33%;top:35%;width:39%;height:44%;overflow:hidden;background:linear-gradient(110deg,transparent 30%,#fffbea55 49%,transparent 65%);background-size:250% 100%}
.felix-intro-light-neon{left:77%;top:28%;width:19%;height:23%;border-radius:50%;background:radial-gradient(ellipse,#ff30a433,transparent 70%);filter:blur(5px)}
.felix-intro-light-arrow{left:49%;top:92%;width:1.5%;height:2.2%;border-right:2px solid #ec008c;border-bottom:2px solid #ec008c;transform:rotate(45deg)}
.felix-intro-reveal .felix-intro-light-amber{animation:felix-intro-light-up .8s ease-out .1s both}
.felix-intro-reveal .felix-intro-light-felix{animation:felix-intro-letter-shine 1.1s ease-out .6s both}
.felix-intro-reveal .felix-intro-light-neon{animation:felix-intro-light-up 1s ease-out 1.2s both}
.felix-intro-reveal .felix-intro-light-arrow{animation:felix-intro-arrow-nudge .8s ease-out 1.8s both}
@keyframes felix-intro-light-up{0%,100%{opacity:0}45%{opacity:1}}
@keyframes felix-intro-letter-shine{0%{opacity:0;background-position:100% 50%}30%{opacity:.8}100%{opacity:0;background-position:0% 50%}}
@keyframes felix-intro-arrow-nudge{0%,100%{opacity:0;transform:translateY(0) rotate(45deg)}50%{opacity:.8;transform:translateY(5px) rotate(45deg)}}
@media(prefers-reduced-motion:reduce){.felix-intro-light{display:none!important;animation:none!important}}

/* Align workshop entry copy and team actions without truncating text. */
#felix-workshop-doors{align-items:stretch!important}
#felix-workshop-doors .workshop-four{display:flex!important;flex-direction:column!important}
#felix-workshop-doors .workshop-four-bottom{display:flex!important;flex-direction:column!important;flex:1}
#felix-workshop-doors .workshop-four-bottom>h3{min-height:2.6em;line-height:1.3}
#felix-workshop-doors .workshop-four-bottom>.workshop-enter{margin-top:auto!important}
#ekibimiz .team-grid{align-items:stretch!important}
#ekibimiz .team-grid>.team-card{display:flex!important;flex-direction:column!important;box-sizing:border-box;min-width:0}
#ekibimiz .team-grid>.team-card>.btn{margin-top:auto!important;flex-shrink:0}

@media(max-width:700px){
body>header .nav{min-width:0;box-sizing:border-box}body>header .nav .nav-actions,body>header .nav .menu-btn{flex-shrink:0}
#ekibimiz .team-card h3,#ekibimiz .team-card p,.workshop-four-bottom h3{overflow-wrap:anywhere}
.workshop-dialog .workshop-dialog-header>div{min-width:0}.workshop-dialog .workshop-dialog-header h2{overflow-wrap:anywhere}.workshop-dialog .workshop-dialog-header>button{flex-shrink:0}
}

/* One shared display ratio keeps all row edges and action hit areas aligned. */
#serviceGrid.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important}
#serviceGrid>.final-entry,#serviceGrid>.final-entry .final-entry-art{aspect-ratio:1024/1380!important}
#serviceGrid>.final-entry .final-entry-art>img{object-fit:fill!important}
#serviceGrid>.final-entry:is([data-service="Tabela"],[data-service="Totem"]) .review44-light-callout{display:none!important}
@media(max-width:1100px) and (min-width:701px){#serviceGrid.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){#serviceGrid.service-grid{grid-template-columns:1fr!important}}

/* Independent mobile workshop controls; crop only the embedded footer on mobile. */
.felix-workshop-mobile-copy{display:none}
.region-line>span+span:before{content:' · '}
@media(max-width:600px){
#tasarim-atolyesi .launch-promo-art>.launch-workshop-link{display:none!important}
#tasarim-atolyesi .launch-promo-art>picture{display:block;aspect-ratio:1024/1260;overflow:hidden}
#tasarim-atolyesi .launch-promo-art>picture>img{width:100%!important;height:auto!important;max-width:100%;object-fit:contain!important}
#tasarim-atolyesi .felix-workshop-mobile-copy{display:block;text-align:center;margin:18px 0 0}
.felix-workshop-steps{font-size:20px!important;line-height:1.35;font-weight:800;color:#14213a;margin:0 0 12px}
.felix-workshop-menu-copy{font-size:16px!important;line-height:1.5;color:#40516b;margin:8px 0;overflow-wrap:anywhere}
#tasarim-atolyesi .felix-workshop-real-link{position:static!important;display:flex;align-items:center;justify-content:center;min-height:48px;width:100%!important;height:auto!important;padding:14px 16px;margin:16px 0 12px;border-radius:14px;background:#e60088;color:#fff;font-size:18px;font-weight:800;line-height:1.3;text-decoration:none;box-sizing:border-box}
#tasarim-atolyesi .felix-workshop-real-link:focus-visible{outline:3px solid #14213a;outline-offset:4px}
.felix-workshop-devices{font-size:16px!important;line-height:1.5;color:#14213a;margin:0}
.region-line>span{display:block;white-space:nowrap;font-size:clamp(13px,3.8vw,16px);line-height:1.6}
.region-line>span+span:before{content:none}
#tasarim-atolyesi .completion-workshop-title,#tasarim-atolyesi .completion-workshop-description{position:relative;z-index:2;clear:both}
#tasarim-atolyesi .completion-workshop-title{padding-inline:0!important}
#tasarim-atolyesi .completion-workshop-title::before,#tasarim-atolyesi .completion-workshop-title::after{display:none!important}
}

/* Keep workshop heading props in their own upper band on mobile. */
@media(max-width:700px){
.discovery-card.launch-decorated:has(#brandPreview){padding-top:56px!important;overflow:hidden!important}
.discovery-card:has(#brandPreview)>.launch-prop-letters,.discovery-card:has(#brandPreview)>.launch-prop-totem{width:72px;height:72px;top:-20px!important}
.discovery-card:has(#brandPreview)>.launch-prop-letters{left:0!important}
.discovery-card:has(#brandPreview)>.launch-prop-totem{right:0!important}
.discovery-card:has(#brandPreview)>h3,.discovery-card:has(#brandPreview)>p{position:relative;z-index:4}
.discovery-card:has(#brandPreview)>.launch-prop-rolls,.discovery-card:has(#brandPreview)>.launch-prop-ladder{bottom:-12px!important;width:82px;height:82px}
}
#serviceGrid > .final-entry .final-entry-art {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1024 / 1380 !important;
}
#serviceGrid > .final-entry .final-entry-art > img {
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: fill !important;
}