/* Çetinoğlu medya merkezi, banner ve sayfa üst alanları */
.media-engine-status { display: flex; align-items: center; gap: 13px; margin-bottom: 22px; padding: 15px 18px; border: 1px solid; border-radius: 11px; }
.media-engine-status > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; color: #fff; border-radius: 50%; font-weight: 900; }
.media-engine-status strong, .media-engine-status small { display: block; }
.media-engine-status small { margin-top: 3px; font-size: 10px; line-height: 1.5; }
.media-engine-status.is-ready { color: #075f45; background: #e8fbf4; border-color: #9ce2c8; }
.media-engine-status.is-ready > span { background: #12805c; }
.media-engine-status.is-warning { color: #714a00; background: #fff8e7; border-color: #ecd28e; }
.media-engine-status.is-warning > span { background: #df8d00; }
.media-placement-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; padding: 22px; }
.media-placement-card { overflow: hidden; background: #fff; border: 1px solid #e0e4e7; border-radius: 12px; box-shadow: 0 12px 30px rgba(16,18,20,.04); }
.media-placement-preview { position: relative; display: grid; height: 190px; place-items: center; overflow: hidden; background: #171a1e; }
.media-placement-preview img, .media-placement-preview video { width: 100%; height: 100%; object-fit: cover; }
.media-placement-preview > span { position: absolute; top: 11px; right: 11px; padding: 5px 7px; color: #fff; background: rgba(0,0,0,.7); border-radius: 4px; font-size: 8px; font-weight: 900; letter-spacing: .09em; }
.media-placement-body { padding: 18px; }
.media-placement-body > small { color: #e31b23; font-size: 9px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.media-placement-body h2 { min-height: 42px; margin: 8px 0 15px; font-size: 18px; }
.media-placement-body > div { display: flex; justify-content: space-between; padding: 10px 0; border-top: 1px solid #e5e8ea; color: #6c7580; font-size: 10px; }
.media-placement-body > div b { color: #087451; }
.media-placement-body > a { display: block; margin-top: 8px; color: #d91820; font-size: 11px; font-weight: 850; }
.universal-media-upload { display: grid; min-height: 185px; place-items: center; padding: 25px; text-align: center; background: #f7f8f9; border: 2px dashed #c0c6cc; border-radius: 12px; cursor: pointer; }
.universal-media-upload:hover, .universal-media-upload:focus-within { background: #fff5f5; border-color: #e31b23; }
.universal-media-upload > span { display: grid; width: 48px; height: 48px; place-items: center; color: #fff; background: #e31b23; border-radius: 12px 3px 12px 3px; font-size: 24px; }
.universal-media-upload strong, .universal-media-upload small { display: block; }
.universal-media-upload strong { margin-top: 10px; font-size: 14px; }
.universal-media-upload small { max-width: 580px; margin-top: 5px; color: #6d7680; font-size: 10px; line-height: 1.5; }
.universal-media-upload input { margin-top: 13px; font-size: 11px; }
.media-engine-note { display: grid; gap: 3px; margin-top: 13px; padding: 12px 14px; border-radius: 8px; font-size: 10px; }
.media-engine-note.is-ready { color: #075f45; background: #e8fbf4; border: 1px solid #a5e5cd; }
.media-engine-note.is-warning { color: #714a00; background: #fff8e7; border: 1px solid #ecd28e; }
.current-placement-media { display: grid; max-height: 430px; place-items: center; overflow: hidden; margin-bottom: 15px; background: #171a1e; border-radius: 10px; }
.current-placement-media img, .current-placement-media video { display: block; width: 100%; max-height: 430px; object-fit: contain; }
.danger-panel { border-top: 4px solid #c5131a; }

.media-capable-hero { position: relative; isolation: isolate; }
.media-capable-hero > .site-hero-media { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.site-hero-media img, .site-hero-media video { width: 100%; height: 100%; object-fit: cover; }
.site-hero-media > span { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(9,11,13,.94) 0%,rgba(14,16,19,.8) 47%,rgba(14,16,19,.46) 100%); }
.media-capable-hero .inner-hero-content { position: relative; z-index: 1; }
.media-capable-section { position: relative; isolation: isolate; overflow: hidden; color: #fff; }
.media-capable-section > .site-hero-media { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.media-capable-section > .container { position: relative; z-index: 1; }
.media-capable-section .center-heading p,
.media-capable-section .process-grid p { color: #d9dde0; }
.media-capable-section .process-grid article { background: rgba(19,22,25,.88); border-color: rgba(255,255,255,.13); }

.home-media-slider { position: relative; min-height: 650px; overflow: hidden; color: #fff; background: #0d0f11; }
.home-media-slide { position: absolute; visibility: hidden; inset: 0; opacity: 0; transition: opacity .55s ease,visibility .55s ease; }
.home-media-slide.is-active { visibility: visible; opacity: 1; }
.home-media-slide > img, .home-media-slide > video { width: 100%; height: 100%; object-fit: cover; object-position: center; image-rendering: auto; backface-visibility: hidden; transform: translateZ(0); }
.home-media-slide::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg,rgba(7,9,11,.86) 0%,rgba(11,13,15,.62) 46%,rgba(11,13,15,.17) 100%); }
.home-media-content { position: absolute; z-index: 2; top: 50%; left: max(5vw,calc((100vw - 1180px)/2)); width: min(720px,88vw); transform: translateY(-50%); }
.home-media-content > span { color: #ff5a60; font-size: 11px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.home-media-content h1 { margin: 15px 0 20px; font-size: clamp(48px,6vw,82px); line-height: .98; letter-spacing: -.055em; }
.home-media-content p { max-width: 650px; color: #d2d6da; font-size: 17px; line-height: 1.75; }
.home-media-content .button { margin-top: 20px; }
.home-media-controls { position: absolute; z-index: 5; right: max(5vw,calc((100vw - 1180px)/2)); bottom: 34px; display: flex; align-items: center; gap: 8px; }
.home-media-controls button { display: grid; width: 42px; height: 42px; place-items: center; color: #fff; background: rgba(18,21,24,.75); border: 1px solid rgba(255,255,255,.25); border-radius: 50%; cursor: pointer; }
.home-media-dots { display: flex; gap: 6px; margin: 0 5px; }
.home-media-dots button { width: 23px; height: 4px; padding: 0; background: rgba(255,255,255,.35); border: 0; border-radius: 4px; }
.home-media-dots button.is-active { background: #e31b23; }

.product-featured-visual { max-width: 900px; cursor: default; }
.product-featured-visual img { max-width: 100%; }
.product-featured-visual > span[hidden] { display: none; }
.product-gallery-thumbs button { position: relative; display: grid; min-height: 120px; place-items: center; overflow: hidden; margin: 0; padding: 0; background: #f4f6f7; border: 1px solid #dfe3e6; cursor: pointer; }
.product-gallery-thumbs button:hover, .product-gallery-thumbs button:focus-visible { border-color: #e31b23; outline: 2px solid rgba(227,27,35,.18); outline-offset: 2px; }
.product-gallery-thumbs button > span { position: absolute; right: 4px; bottom: 4px; left: 4px; padding: 5px; color: #fff; background: rgba(18,21,24,.82); font-size: 8px; line-height: 1.3; }

@media (max-width: 1120px) {
    .media-placement-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
    .media-placement-grid { grid-template-columns: 1fr; padding: 14px; }
    .home-media-slider { min-height: 590px; }
    .home-media-content { left: 20px; }
    .home-media-content h1 { font-size: 48px; }
    .home-media-content p { font-size: 15px; }
    .home-media-controls { right: 18px; bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .home-media-slide { transition: none; }
}