/* CİEM DİGİTAL — mobile-first polish and in-panel image management */
.editor-image-field{display:grid!important;gap:10px!important;min-width:0}
.editor-image-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.editor-image-previews:has(figure:only-child){grid-template-columns:minmax(0,1fr)}
.editor-image-previews figure{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:7px;border:1px solid rgba(116,130,201,.2);border-radius:12px;background:linear-gradient(145deg,rgba(19,23,51,.85),rgba(8,10,24,.82));overflow:hidden}
.editor-image-previews img,.editor-image-placeholder{display:grid;width:100%;height:clamp(118px,18vw,190px);object-fit:cover;place-items:center;border-radius:8px;background:#0b0e20;color:#aeb6d4}
.editor-image-previews figcaption{font-size:10px;font-weight:700;color:#aeb6d4;padding:1px 4px}
.editor-image-placeholder{border:1px dashed rgba(131,145,201,.32);font-size:11px}
.editor-image-field>input[type=text]{width:100%;min-width:0}
.editor-image-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.editor-image-pick,.editor-image-upload{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 13px;border:1px solid rgba(132,113,255,.38);border-radius:10px;background:linear-gradient(130deg,rgba(76,65,170,.25),rgba(19,24,55,.8));color:#f3f1ff;font:700 11px/1.2 system-ui,sans-serif;cursor:pointer}
.editor-image-pick input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.editor-image-pick:focus-within,.editor-image-upload:focus-visible{outline:2px solid #8c80ff;outline-offset:2px}
.editor-image-upload{border-color:rgba(68,220,199,.42);background:linear-gradient(120deg,#185f6c,#27346d);color:#f0ffff}
.editor-image-upload:disabled{opacity:.45;cursor:not-allowed}
.editor-image-hint{font-size:10px!important;line-height:1.55;color:#8e97b9!important}
.editor-image-status{padding:9px 11px;border:1px solid rgba(99,222,197,.2);border-radius:9px;background:rgba(22,115,103,.12);color:#a7f0da;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.editor-image-status:not(:empty){display:block}
.service-card-cover{display:block;flex:none;width:100%;height:clamp(110px,17vw,170px);margin:0 0 14px;border:1px solid rgba(134,145,255,.2);border-radius:12px;object-fit:cover;object-position:center;background:#11152d;box-shadow:0 10px 24px rgba(0,0,0,.25)}
@media(max-width:820px){.editor-image-previews img,.editor-image-placeholder{height:clamp(110px,27vw,170px)}}
@media(max-width:560px){
  html,body,#root{max-width:100%;overflow-x:hidden}
  .site-shell{width:100%;max-width:100%;overflow-x:clip}
  .site-shell .section-frame{padding-left:18px;padding-right:18px}
  .site-shell .content-section{padding-top:54px;padding-bottom:52px}
  .site-shell .section-heading{align-items:flex-start;gap:12px;margin-bottom:19px}
  .site-shell .section-heading .heading-aside{width:100%;max-width:none}
  .site-shell .section-heading .heading-aside p{max-width:none;font-size:12px;line-height:1.6}
  .site-shell .mobile-swipe-hint{display:none!important}
  .site-shell .services-grid,.site-shell .projects-grid,.site-shell .pricing-cards,.site-shell .testimonial-cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;gap:14px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;overscroll-behavior:initial!important;scroll-snap-type:none!important}
  .site-shell .service-card,.site-shell .project-card,.site-shell .price-card,.site-shell .testimonial-card{width:100%;min-width:0;max-width:none;flex:none;scroll-snap-align:none;scroll-snap-stop:normal}
  .site-shell .service-card{min-height:0;padding:18px 17px 16px;border-radius:17px}
  .site-shell .service-card-cover{height:auto;aspect-ratio:16/9;margin-bottom:13px;border-radius:11px}
  .site-shell .service-card-top{margin-bottom:13px}
  .site-shell .service-card h3{font-size:16px;line-height:1.3;margin-bottom:8px}
  .site-shell .service-card>p{font-size:13px;line-height:1.58;margin-bottom:14px}
  .site-shell .service-bullets{display:grid;gap:9px;padding-left:0;list-style:none}
  .site-shell .service-bullets li{font-size:12px;line-height:1.45}
  .site-shell .service-more{margin-top:3px;min-height:42px}
  .site-shell .project-card{border-radius:17px}
  .site-shell .project-image-wrap{width:100%;height:auto;aspect-ratio:16/10}
  .site-shell .project-copy{padding:16px}
  .site-shell .project-copy h3{font-size:16px;line-height:1.35}
  .site-shell .project-copy p{font-size:12px;line-height:1.55}
  .site-shell .price-card{min-height:0;padding:20px 18px 18px;border-radius:17px}
  .site-shell .price-card-head p span{font-size:27px}
  .site-shell .price-card ul{gap:10px}
  .site-shell .testimonial-card{min-height:0;padding:19px;border-radius:17px}
  .site-shell .testimonial-card p{font-size:13px;line-height:1.65}
  .site-shell .process-section,.site-shell .pricing-section,.site-shell .testimonials-section{grid-template-columns:minmax(0,1fr);gap:17px}
  .site-shell .process-steps{grid-template-columns:minmax(0,1fr)!important;gap:11px;margin-top:5px}
  .site-shell .process-step{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-height:0;padding:14px;border-radius:15px}
  .site-shell .step-orbit{width:40px;height:40px}
  .site-shell .step-copy h3{font-size:13px;line-height:1.35}
  .site-shell .step-copy p{font-size:11px;line-height:1.5}
  .site-shell .step-connector{display:none!important}
  .site-shell .faq-section,.site-shell .faq-contact-section,.site-shell .contact-section{grid-template-columns:minmax(0,1fr);gap:16px}
  .site-shell .contact-layout,.site-shell .contact-section .contact-layout{grid-column:1;grid-row:auto;grid-template-columns:minmax(0,1fr);gap:12px}
  .site-shell .contact-form-card,.site-shell .contact-direct-card{min-width:0;padding:17px;border-radius:16px}
  .site-shell .contact-form-grid{grid-template-columns:minmax(0,1fr);gap:11px}
  .site-shell .site-footer{grid-template-columns:minmax(0,1fr);gap:17px;padding:24px 18px calc(22px + env(safe-area-inset-bottom))}
  .site-shell .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:10px}
  .editor-image-previews{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editor-image-previews img,.editor-image-placeholder{height:clamp(100px,31vw,150px)}
  .editor-image-actions{align-items:stretch}
  .editor-image-pick,.editor-image-upload{flex:1;min-width:130px;min-height:43px}
}
@media(max-width:360px){
  .site-shell .section-frame{padding-left:15px;padding-right:15px}
  .site-shell .service-card{padding:15px}
  .site-shell .service-card h3{font-size:15px}
  .site-shell .project-copy{padding:14px}
  .editor-image-previews{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:560px){
  #ciem-support-root{right:max(10px,env(safe-area-inset-right))!important;bottom:max(11px,env(safe-area-inset-bottom))!important}
  #ciem-support-actions{gap:7px!important}
  .ciem-float-btn{min-height:43px!important;padding:0 13px!important;gap:8px!important;border-radius:15px!important;font-size:11px!important}
  .ciem-float-btn svg{width:19px!important;height:19px!important}
  .ciem-admin-shortcuts{left:11px!important;right:11px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:center!important;gap:8px!important}
  .ciem-admin-shortcut{flex:1 1 0;min-width:0;justify-content:center!important;gap:6px!important;padding:10px 8px!important;border-radius:12px!important;font-size:10px!important;white-space:nowrap}
  .admin-editor-area{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important}
  .users-main{padding-bottom:calc(105px + env(safe-area-inset-bottom))!important}
}