/* İlanPlus v22 - detail, video, editorial and premium */
.detail-pro-layout,.detail-main-info,.detail-visual-card,.detail-stage,.detail-info-column{min-width:0;max-width:100%}
.detail-visual-card{overflow:hidden}
.detail-stage{isolation:isolate}
.detail-stage .detail-gallery-arrow{
 position:absolute!important;top:50%!important;bottom:auto!important;
 display:grid!important;place-items:center!important;
 width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
 padding:0!important;margin:0!important;transform:translateY(-50%)!important;
 background:rgba(255,255,255,.95)!important;border:1px solid #dfe6f0!important;
 color:#334155!important;font-size:24px!important;font-weight:500!important;line-height:1!important;
 z-index:6!important;box-shadow:0 4px 12px #0f172a1a!important;
 border-radius:12px!important;overflow:hidden!important;
}
.detail-stage .detail-gallery-arrow.is-prev{left:10px!important;right:auto!important}
.detail-stage .detail-gallery-arrow.is-next{right:10px!important;left:auto!important}
.detail-gallery-arrow:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}
.detail-stage.v22-playing>img,.detail-stage.v22-playing>.no-photo{visibility:hidden!important}
.detail-stage .detail-video-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain;background:#0f172a;z-index:3}
.detail-stage .detail-video-stage[hidden]{display:none!important}
.detail-stage.v22-playing .detail-gallery-arrow{display:none!important}
.detail-thumbnails .video-thumb{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe!important;opacity:1}
.video-thumb span{font-size:23px}.video-thumb small{font-size:11px;font-weight:750}
/* seller messaging and favorites - balanced, side by side */
.detail-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch;gap:9px!important;margin-top:20px}
.detail-actions .detail-message-form{grid-column:auto!important;min-width:0!important;display:block!important;margin:0!important}
.detail-actions .detail-message-form button{width:100%!important;height:100%!important;white-space:normal}
.detail-actions>.btn{min-width:0!important;width:100%!important;white-space:normal}
.detail-actions .btn{min-height:44px!important;padding:9px 10px!important;font-size:12px!important;line-height:1.25!important}
.detail-actions .btn svg{width:18px;flex:0 0 18px}
.detail-property-grid{border:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:0!important}
.detail-property-grid>div{display:flex;flex-direction:column;align-items:flex-start!important;justify-content:center!important;gap:4px!important;min-height:62px;padding:11px 13px!important;background:#f8faff;border:1px solid #edf1fa!important;border-radius:12px}
.detail-property-grid>div span{color:#75839b;font-size:11px!important}
.detail-property-grid>div b{text-align:left!important;color:#0f172a;font-size:13px!important}
.detail-description{background:#fff;border-radius:14px;margin:12px 0 0}
.detail-description h2{display:flex;align-items:center;gap:7px}
.detail-description h2:before{content:'';width:5px;height:18px;border-radius:10px;background:#2563eb}
.detail-description-text{max-height:none!important;font-size:13px!important;line-height:1.85!important;color:#42516b!important;white-space:normal}
.detail-utility-row .open-deal-modal{border-color:#dbeafe!important;background:#eff6ff!important;color:#1d4ed8!important}
.detail-utility-row .open-deal-modal:hover{background:#dbeafe!important}
/* modal */
.deal-modal-dialog{width:min(94vw,480px);max-width:480px;border:1px solid #e2e8f0;border-radius:22px;padding:0;box-shadow:0 32px 95px #0f172a55;color:#0f172a;background:white;overflow:hidden}
.deal-modal-dialog::backdrop{background:rgba(15,23,42,.48);backdrop-filter:blur(4px)}
.deal-modal-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #e8edf5;gap:12px}
.deal-modal-head h2{margin:0;font-size:20px;font-weight:850;letter-spacing:-.5px}
.deal-modal-close{width:35px;height:35px;background:#f1f5f9;border:0;border-radius:11px;font-size:21px;cursor:pointer;color:#64748b}
.deal-modal-body{padding:22px;max-height:70vh;overflow-y:auto}
.deal-modal-body .deal-form{display:grid!important;gap:13px;margin:0!important}
.deal-modal-body label{display:grid;gap:7px;font-size:13px;font-weight:700}
.deal-modal-body input{min-height:44px;border-radius:12px;border:1px solid #d8e1ec;padding:11px 13px;min-width:0;width:100%}
.deal-modal-body .btn{width:100%;min-height:45px}
body.v22-enhanced .deal-modal-source{display:none!important}
.deal-modal-body .deal-modal-source{display:grid!important}
/* listing video / premium flags */
.card-media .video-badge,.card-media .premium-badge{position:absolute;z-index:5;left:8px;bottom:8px;border-radius:7px;background:#123e69;color:#fff;font-size:10px;font-weight:850;line-height:1;padding:6px 7px;box-shadow:0 2px 9px #0002}
.card-media .premium-badge{left:auto;right:8px;bottom:8px;background:linear-gradient(110deg,#d97706,#f59e0b);color:#fff}
.card-media .video-badge+.premium-badge{right:8px}
/* media upload */
.video-upload-card{padding:17px;border:1px dashed #b4ccef;border-radius:14px;background:#f8fbff;display:grid;gap:8px;margin:12px 0}
.video-upload-card strong{color:#1d4ed8;font-size:15px}
.video-upload-card p,.existing-video p{margin:0;font-size:12px;color:#64748b}
.video-upload-card input{width:100%;padding:9px;border:1px solid #dbe5f2;border-radius:10px;background:#fff;min-height:44px}
.existing-video{max-width:420px;margin:15px 0}.existing-video video{width:100%;border-radius:14px;max-height:260px;background:#0f172a}
/* similar */
.similar{margin:34px auto 42px!important;max-width:1400px}
.similar .section-head{margin-bottom:16px!important}.similar .section-head h2{font-size:22px;color:#0f172a}.similar .section-head p{margin-top:5px;color:#6b7b90;font-size:13px}
.similar .listing-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px}
/* premium and pages */
.premium-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.premium-plan{background:linear-gradient(150deg,#0f1f40,#1b4599);color:#fff;border-radius:19px;padding:24px;border:1px solid #355ca0;min-width:0;box-shadow:0 13px 24px #1d4ed81a}
.premium-plan>span{font-size:11px;font-weight:850;color:#fef3c7;letter-spacing:1px}
.premium-plan h2{font-size:19px;margin:12px 0 15px;color:#fff}.premium-plan strong{font-size:27px}.premium-plan p{color:#bfdbfe;font-size:13px}
.premium-request-form{padding:25px!important;max-width:720px;display:grid;gap:14px;margin:25px 0!important}
.premium-request-form h2{margin:0}.premium-request-form label{display:grid;gap:7px;font-weight:700;font-size:13px}.premium-request-form label>input,.premium-request-form label>select{min-height:44px;width:100%;border:1px solid #dbe2ed;border-radius:11px;padding:9px}.premium-request-form p{font-size:13px;color:#64748b}
.editorial-page{max-width:930px;margin:25px auto 45px!important;padding:clamp(22px,4vw,45px)!important}
.editorial-page h1{font-size:clamp(26px,3vw,39px);letter-spacing:-1px}.editorial-content{font-size:15px;line-height:1.9;white-space:normal;overflow-wrap:anywhere;color:#475569}
.footer-editorial-links{border-top:1px solid #334155;display:flex;flex-wrap:wrap;gap:15px;padding:15px 0}.footer-editorial-links a{font-size:12px;text-decoration:none;color:#cbd5e1}
/* responsive */
@media(max-width:980px){.similar .listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){
 .detail-stage{aspect-ratio:5/4!important;max-height:310px!important;min-height:0!important;border-radius:10px!important}
 .detail-visual-card{border-radius:14px!important;overflow:hidden!important}
 .detail-stage .detail-gallery-arrow{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;font-size:19px!important;box-shadow:0 3px 8px #0002!important;border-radius:9px!important}
 .detail-stage .detail-gallery-arrow.is-prev{left:7px!important}.detail-stage .detail-gallery-arrow.is-next{right:7px!important}
 .detail-main-info{padding:15px!important}.detail-main-info h1{font-size:20px!important;line-height:1.36!important}
 .detail-property-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .detail-property-grid>div{padding:9px 10px!important;min-height:60px}
 .detail-property-grid>div b{font-size:12px!important}
 .detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .detail-actions .btn{font-size:11px!important;min-height:44px!important;padding:8px 5px!important}
 .detail-actions .btn svg{width:15px;height:15px;flex-basis:15px}
 .deal-modal-body{padding:15px}.deal-modal-head{padding:14px 16px}
 .similar .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .premium-plan-grid{grid-template-columns:1fr;gap:10px}.premium-plan{padding:18px}
 .detail-thumbnails .video-thumb{display:flex!important}
}
/* Form clone is visible inside the dialog, unlike its page source. */
body.v22-enhanced .deal-modal-dialog .deal-modal-body .deal-modal-source{display:grid!important}
.extra-filters{display:grid;gap:8px;margin:14px 0;padding:13px;background:#f8fbff;border:1px solid #e6eefa;border-radius:12px}
.extra-filters label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;margin:0!important}
.extra-filters input[type=checkbox]{width:16px!important;height:16px!important;flex:0 0 16px;accent-color:#2563eb}
/* Keep gallery counter and video/premium badges from covering one another. */
.card-media .video-badge{left:auto;right:8px;bottom:8px}
.card-media .premium-badge{left:8px;right:auto;top:37px;bottom:auto}
@media(max-width:680px){.card-media .premium-badge{top:34px}.card-media .video-badge{font-size:9px}}
