/* REVIX forms + video final scoped UI layer.
   Keeps approved colors, layout and site navigation intact. */
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form,#revix-doctor-review) {
 direction:rtl;text-align:right;min-width:0;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form) .form-grid {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:14px 16px!important;align-items:start!important;min-width:0!important;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form) label:not(.consent),
body.revix-v7 #revix-doctor-review label:not(.revix-review-consent) {
 display:block!important;min-width:0!important;max-width:100%!important;
 margin:0!important;padding:0!important;font-size:13px!important;line-height:1.75!important;
 color:#173d59!important;font-weight:750!important;text-align:right!important;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form) label em {
 display:inline!important;position:static!important;margin:0 4px!important;padding:0!important;
 color:#e1485e!important;vertical-align:baseline!important;font-size:13px!important;
 font-style:normal!important;float:none!important;line-height:inherit!important;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form,#revix-doctor-review)
 label:not(.consent):not(.revix-review-consent)>:is(input:not([type=checkbox]):not([type=hidden]),select,textarea) {
 display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
 position:static!important;box-sizing:border-box!important;
 padding:11px 13px!important;margin:7px 0 0!important;
 min-height:47px!important;border-radius:12px!important;background:#fff!important;
 border:1px solid #caddeb!important;box-shadow:none!important;
 color:#163b5b!important;font:600 14px/1.6 var(--user-font),'Tajawal',sans-serif!important;
 text-align:right!important;direction:rtl!important;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form,#revix-doctor-review)
 label:not(.consent)>textarea {
 min-height:102px!important;resize:vertical!important;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form,#revix-doctor-review)
 label:not(.consent)>:is(input,textarea,select):focus-visible,
body.revix-v7 .booking-form .time-wrap>select:focus-visible {
 outline:2px solid #98cfff!important;outline-offset:1px!important;
 border-color:#087dce!important;box-shadow:0 0 0 3px #189cef1c!important;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form) :is(input[name="website"],input.honey),
body.revix-v7 #revix-doctor-review input.honey {
 position:absolute!important;left:-9999px!important;top:auto!important;
 width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;
 padding:0!important;margin:0!important;border:0!important;opacity:0!important;
 overflow:hidden!important;clip-path:inset(100%)!important;pointer-events:none!important;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form,#revix-doctor-review)
 input[type="hidden"] {display:none!important}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form) label.consent,
body.revix-v7 #revix-doctor-review label.revix-review-consent {
 display:flex!important;flex-direction:row!important;align-items:flex-start!important;
 gap:10px!important;font-weight:550!important;line-height:1.95!important;
 color:#365a73!important;font-size:12px!important;margin:5px 0!important;
 padding:0!important;max-width:100%!important;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form) label.consent input[type="checkbox"],
body.revix-v7 #revix-doctor-review label.revix-review-consent input[type="checkbox"] {
 display:inline-block!important;position:static!important;flex:0 0 18px!important;
 width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
 margin:4px 0 0!important;padding:0!important;accent-color:#118bd8!important;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form) :is(.booking-msg,.consult-response,.form-feedback,.chat-lead-response) {
 margin:0!important;padding:0;min-height:0!important;line-height:1.9!important;
 font-size:12px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;
}
body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form) :is(.form-success,.form-error):not(:empty){
 padding:12px 14px!important;border-radius:12px!important;
}
body.revix-v7 .booking-form .time-wrap {display:block!important;min-width:0!important}
body.revix-v7 .booking-form .time-wrap>label {display:block!important;font-weight:750!important;font-size:13px!important;line-height:1.75!important;color:#173d59!important}
body.revix-v7 .booking-form .time-wrap>select {
 display:block!important;width:100%!important;min-width:0!important;min-height:47px!important;
 padding:11px 13px!important;margin:7px 0 0!important;
 border:1px solid #caddeb!important;border-radius:12px!important;background:#fff!important;
 color:#183c57!important;text-align:right!important;
}
body.revix-v7 .booking-form .time-wrap>select:disabled {background:#f0f5f9!important;color:#6e8497!important;opacity:.85!important}
body.revix-v7 .booking-form .slots-message {display:block!important;margin:5px 0 0!important;line-height:1.8!important;font-size:11px!important;color:#4b7190!important;min-height:20px!important}
body.revix-v7 #chat-lead-modal .consult-modal,
body.revix-v7 #consult-modal .consult-modal {
 width:min(680px,calc(100vw - 18px))!important;max-width:680px!important;
 padding:26px 26px 24px!important;border-radius:23px!important;
 overflow-y:auto!important;max-height:calc(100dvh - 24px)!important;
}
body.revix-v7 #chat-lead-modal .consult-modal>.eyebrow,
body.revix-v7 #consult-modal .consult-modal>.eyebrow {display:inline-block!important}
body.revix-v7 #chat-lead-modal .consult-modal>h2 {font-size:clamp(23px,3vw,31px)!important;line-height:1.5!important;margin:12px 0 5px!important}
body.revix-v7 #chat-lead-modal .consult-modal>p {font-size:12.5px!important;line-height:1.95!important;margin:0 0 18px!important}
body.revix-v7 :is(#chat-lead-form,#consult-form){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
body.revix-v7 #contact-form {display:flex!important;flex-direction:column!important;gap:15px!important}
body.revix-v7 #chat-lead-modal .modal-close,
body.revix-v7 #consult-modal .modal-close {z-index:3!important}
/* Retain matching photo-first video cards; local covers do not depend on social embeds. */
body.revix-v7 :is(.videos-grid,.rev9-home-videos){
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:20px!important;align-items:stretch!important;
}
body.revix-v7 :is(.videos-grid,.rev9-home-videos)>.video-card{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 width:100%!important;min-width:0!important;height:100%!important;
 overflow:hidden!important;padding:0 0 18px!important;border-radius:22px!important;
 background:#fff!important;border:1px solid #dcebf5!important;text-align:right!important;
 box-shadow:0 8px 28px rgba(8,58,100,.075)!important;
}
body.revix-v7 :is(.videos-grid,.rev9-home-videos)>.video-card>.video-thumb {
 position:relative!important;display:block!important;width:100%!important;
 aspect-ratio:16/9!important;height:auto!important;min-height:0!important;
 overflow:hidden!important;background:#102e47!important;
}
body.revix-v7 :is(.videos-grid,.rev9-home-videos)>.video-card>.video-thumb>img {
 position:absolute!important;display:block!important;inset:0!important;
 width:100%!important;height:100%!important;object-fit:contain!important;
 object-position:center!important;opacity:1!important;visibility:visible!important;
 filter:none!important;transform:none!important;
}
body.revix-v7 :is(.videos-grid,.rev9-home-videos)>.video-card>.video-thumb>.play-btn {
 position:absolute!important;top:50%!important;left:50%!important;z-index:2!important;
 transform:translate(-50%,-50%)!important;width:62px!important;height:62px!important;
 display:grid!important;place-items:center!important;border-radius:50%!important;
 background:#078de4ed!important;border:2px solid #fff!important;color:#fff!important;
 box-shadow:0 12px 30px #0005!important;pointer-events:none!important;
}
body.revix-v7 :is(.videos-grid,.rev9-home-videos)>.video-card>h3 {
 font-size:clamp(14px,1.2vw,18px)!important;line-height:1.75!important;
 padding:0 17px!important;margin:16px 0 6px!important;color:#133a5b!important;
 overflow-wrap:anywhere!important;
}
body.revix-v7 :is(.videos-grid,.rev9-home-videos)>.video-card>p {
 font-size:12px!important;line-height:1.9!important;color:#657e92!important;
 padding:0 17px!important;margin:0 0 8px!important;overflow-wrap:anywhere!important;
}
body.revix-v7 #video-modal.revix-video-portrait #video-frame {
 width:100%!important;height:auto!important;aspect-ratio:auto!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 overflow:visible!important;background:transparent!important;
}
body.revix-v7 #video-modal.revix-video-portrait #video-frame>iframe.revix-instagram-embed {
 display:block!important;flex:none!important;width:auto!important;
 height:min(68dvh,650px)!important;max-width:100%!important;min-height:0!important;
 aspect-ratio:9/16!important;object-fit:contain!important;border:0!important;
 border-radius:12px!important;background:#081f33!important;
}
body.revix-v7 #video-modal.revix-video-portrait #video-frame>a.revix-ig-fallback {
 display:block!important;color:#0b6095!important;max-width:100%!important;
 font-size:12px!important;padding:10px!important;
}
@media(max-width:950px){body.revix-v7 :is(.videos-grid,.rev9-home-videos){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){
 body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form) .form-grid{grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
 body.revix-v7 :is(#chat-lead-form,#consult-form,.booking-form,#contact-form,#revix-doctor-review) label>:is(input,select,textarea){font-size:16px!important}
 body.revix-v7 #chat-lead-modal .consult-modal,body.revix-v7 #consult-modal .consult-modal{width:calc(100vw - 16px)!important;padding:19px 16px 21px!important;border-radius:20px!important}
 body.revix-v7 :is(.videos-grid,.rev9-home-videos){grid-template-columns:minmax(0,1fr)!important;gap:15px!important}
 body.revix-v7 #video-modal.revix-video-portrait #video-frame>iframe.revix-instagram-embed{height:min(62dvh,580px)!important}
}