/* Floating PNG products; the page remains visible behind them. */
.service-icon{width:92px;height:52px;border-radius:12px;box-shadow:none;background:#fff;margin-bottom:12px;padding:7px}.service-icon img{display:block;width:100%;height:100%;object-fit:contain}
.services,.services .wrap,.service-grid,.service-card{overflow:visible}.service-card{position:relative}.service-card.vitrine-open{z-index:90;border-color:#00a8e1;box-shadow:0 12px 32px #00a8e120}
.service-card .model-vitrine.product-orbit{position:absolute;top:58px;left:50%;width:min(560px,calc(100vw - 24px));height:350px;transform:translateX(calc(-50% + var(--orbit-shift,0px)));margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;pointer-events:none;z-index:95;overflow:visible}
.product-orbit .orbit-product{position:absolute;width:46%;height:46%;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:auto;cursor:pointer;animation:orbit-rise .48s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--orbit-order)*70ms);filter:drop-shadow(0 10px 12px #18293b22)}
.orbit-product:nth-child(1){left:0;top:0;--entry-x:60px;--entry-y:40px;--tilt:-6deg}.orbit-product:nth-child(2){right:0;top:0;--entry-x:-60px;--entry-y:40px;--tilt:6deg}.orbit-product:nth-child(3){left:0;bottom:0;--entry-x:60px;--entry-y:-40px;--tilt:-4deg}.orbit-product:nth-child(4){right:0;bottom:0;--entry-x:-60px;--entry-y:-40px;--tilt:4deg}
.orbit-photo{display:block;position:relative;overflow:hidden;width:100%;height:100%;aspect-ratio:1}.orbit-product:focus-visible{outline:3px solid #007a9f;outline-offset:3px;border-radius:12px}.orbit-product:hover{filter:drop-shadow(0 13px 14px #18293b44)}
.orbit-close{position:absolute;right:calc(50% - 20px);top:calc(50% - 20px);width:40px;height:40px;background:#fff;border:1px solid #bed5e0;border-radius:50%;font-size:27px;pointer-events:auto;color:#233c52;cursor:pointer;box-shadow:0 4px 15px #233c5218}
.orbit-toggle{border:0;border-bottom:2px solid #00a8e1;background:transparent;min-height:44px;padding:8px 0;font:inherit;font-size:14px;font-weight:650;color:#006b91;margin:6px 0 8px;cursor:pointer}.service-card .hover-hint{font-size:12px}.service-detail{font-size:14px}
@keyframes orbit-rise{from{opacity:0;transform:translate(var(--entry-x),var(--entry-y)) scale(.45) rotate(0)}to{opacity:1;transform:translate(0,0) scale(1) rotate(var(--tilt))}}
.guide-grid{align-items:start}.guide-grid details{padding:0;overflow:hidden}.guide-grid summary{padding:20px;background:linear-gradient(100deg,#eafaff,#fff);font-size:16px;min-height:64px}.guide-grid details:nth-child(2) summary{background:linear-gradient(100deg,#fff0f8,#fff)}.guide-grid details:nth-child(3) summary{background:linear-gradient(100deg,#fff8d5,#fff)}.guide-content{padding:16px;display:grid;gap:18px}.guide-mini{border-bottom:1px solid #e1eaf0;padding-bottom:18px;min-width:0}.guide-mini:last-child{border:0}.guide-mini .catalog-photo{border-radius:12px;margin-bottom:12px}.guide-mini h4{font-size:18px;line-height:1.4;margin:0 0 8px;color:#233c52}.guide-mini p{font-size:16px;line-height:1.65;margin:0 0 9px}.guide-link{background:#e7f8ff;border:1px solid #b6e3f2;border-radius:10px;padding:10px 12px;min-height:44px;font:inherit;font-size:14px;color:#006b91;cursor:pointer}.guide-honesty{padding:0 18px 16px;font-size:14px!important}
.sector-visuals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.sector-product{min-width:0;border:0;background:#f4faff;padding:0!important;border-radius:14px;overflow:hidden;cursor:pointer;margin:0!important;text-align:left}.sector-product span{display:block;padding:10px;font:inherit;font-size:14px;line-height:1.4;color:#20394e}.sector-product .catalog-photo{aspect-ratio:1!important}.catalog-search,.catalog-lamp,.catalog-enlarge,.catalog-info .model-favorite,.catalog-tag{font-size:14px}.catalog-info p{font-size:16px}.catalog-dialog{width:min(1050px,calc(100% - 48px));height:min(780px,calc(100dvh - 64px))}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.service-card .model-vitrine.product-orbit{position:relative;left:auto;top:auto;width:100%;height:290px;transform:none;margin-top:14px}.service-card.vitrine-open{z-index:2}.orbit-product{animation-name:orbit-rise!important}.service-card .hover-hint{display:none}}
@media(max-width:600px){.catalog-dialog{width:calc(100% - 16px);height:calc(100dvh - 24px);border-radius:20px;margin:auto}.catalog-grid{grid-template-columns:1fr}.sector-visuals{gap:7px}.sector-product span{padding:8px;font-size:14px}.service-card .model-vitrine.product-orbit{height:260px}.guide-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.product-orbit .orbit-product{animation:none;transform:none}.catalog-photo img{animation:none}}

.service-card .showcase-pad.catalog-main-cover{aspect-ratio:auto;height:auto}.service-card .showcase-pad .catalog-photo{height:auto}.service-main{min-width:0}.catalog-info,.sector-product{overflow-wrap:anywhere}
.project>.catalog-photo{height:100%;aspect-ratio:auto!important}.hero-slide>.catalog-photo{height:100%;aspect-ratio:auto!important}.project-use{font-size:14px;min-height:44px}.guide-honesty a{color:#006b91;text-decoration:underline;text-underline-offset:3px}
.project{min-height:0;height:auto;background:#eaf3f9}.project>.catalog-photo{height:auto;aspect-ratio:var(--catalog-ratio)!important}.hero-slide>.catalog-photo{position:absolute;width:100%;height:auto;aspect-ratio:var(--catalog-ratio)!important;top:50%;transform:translateY(-50%)}.hero-slide{background:#eaf3f9}.project-grid{grid-auto-rows:auto}.project-meta b{line-height:1.3}.project:after{pointer-events:none}
.product-orbit .orbit-product{width:40%}.product-orbit .orbit-product:hover{animation:none;transform:scale(1.06) rotate(var(--tilt));transition:transform .2s}.product-orbit .orbit-product:focus-visible{animation:none;transform:scale(1.04)}
@media(max-width:900px){.product-orbit .orbit-product{width:46%}.product-orbit .orbit-close{top:calc(50% - 20px)}}
@media(prefers-reduced-motion:reduce){.product-orbit .orbit-product:hover{transform:none;transition:none}}
.service-card .model-vitrine.product-orbit{width:min(520px,calc(100vw - 24px));height:auto;aspect-ratio:1.2}.product-orbit .orbit-product{height:auto;aspect-ratio:1}.orbit-photo{height:auto;aspect-ratio:1}.orbit-photo img{height:200%}
@media(max-width:900px){.service-card .model-vitrine.product-orbit{width:100%;height:auto;aspect-ratio:1.1}}
.sector-product .catalog-photo{aspect-ratio:var(--catalog-ratio)!important;height:auto}.sector-visuals{align-items:start}.sector-product{height:auto}.guide-mini .catalog-photo{height:auto;aspect-ratio:var(--catalog-ratio)!important}
.project:hover .catalog-photo img{transform:none}.project:hover>.catalog-photo{filter:saturate(1.04);transition:filter .25s}
.service-card[data-service="Totem"] .orbit-product{animation-name:orbit-totem}.service-card[data-service="Neon"] .orbit-product{animation-name:orbit-neon}.service-card[data-service="Araç Kaplama"] .orbit-product{animation-name:orbit-drive}.service-card[data-service="Cam Giydirme"] .orbit-product{animation-name:orbit-glass}.service-card[data-service="Stand Ürünleri"] .orbit-product{animation-name:orbit-stand}.service-card[data-service="UV & Özel Baskı"] .orbit-product{animation-name:orbit-mini}
@keyframes orbit-totem{from{opacity:0;transform:translateY(65px) scale(.65) rotate(0)}to{opacity:1;transform:rotate(var(--tilt))}}
@keyframes orbit-neon{from{opacity:0;filter:brightness(.3);transform:scale(.7)}to{opacity:1;filter:brightness(1);transform:rotate(var(--tilt))}}
@keyframes orbit-drive{from{opacity:0;transform:translateX(calc(var(--entry-x)*2)) scale(.75)}to{opacity:1;transform:rotate(var(--tilt))}}
@keyframes orbit-glass{from{opacity:0;transform:translate(var(--entry-x),var(--entry-y)) rotateY(25deg) scale(.85)}to{opacity:1;transform:rotate(var(--tilt))}}
@keyframes orbit-stand{from{opacity:0;transform:translateY(35px) rotate(15deg) scale(.7)}to{opacity:1;transform:rotate(var(--tilt))}}
@keyframes orbit-mini{from{opacity:0;transform:rotate(-25deg) scale(.3)}to{opacity:1;transform:rotate(var(--tilt))}}
@media(prefers-reduced-motion:reduce){.service-card[data-service] .orbit-product{animation:none;transform:none;transition:none}}
/* Square hero cells fit their frame; catalogue tiles retain their own proportions. */
.hero-art{min-height:0;aspect-ratio:1}.hero-board{bottom:auto;height:auto;aspect-ratio:1}.project-grid{align-items:start}
.hero-art{width:100%;max-width:560px;justify-self:center}

.web-project-code{display:inline-block;color:#006e92;background:#e7faff;border:1px solid #aadfeb;border-radius:10px;padding:8px 12px;font-size:18px;overflow-wrap:anywhere}.tracker .t-step{font-size:14px}.timeline{grid-template-columns:repeat(7,minmax(0,1fr));overflow-wrap:anywhere}@media(max-width:600px){.timeline{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}.t-step:after{display:none}}

/* Equal project frames; center each atlas tile without stretching its artwork. */
.project-grid{align-items:stretch;grid-auto-rows:auto}
.project-grid>.project{aspect-ratio:4/3;min-height:0;height:auto;width:100%;grid-row:auto}
.project-grid>.project>.catalog-photo{position:absolute;left:50%;top:50%;width:max(100%,calc(100% * var(--catalog-ratio) * .75));height:auto;max-height:none;aspect-ratio:var(--catalog-ratio)!important;transform:translate(-50%,-50%)}