/* Avoid legacy overflow-x:hidden creating a separate sticky scroll container. */
body:has(#mainLayout .gv-detail-sidebars){overflow-x:clip!important;overflow-y:visible!important}
body #mainLayout:has(.gv-detail-sidebars),body #mainLayout:has(.gv-detail-sidebars)>.container{overflow:visible!important}

/* Shared outer shell; forms and featured-item contents remain in their modules. */
body #mainLayout .layout-grid.gv-detail-sidebars{display:grid!important;direction:ltr;grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(260px,300px)!important;grid-template-areas:"featured main consultation"!important;gap:24px!important;align-items:start;position:relative;overflow:visible!important}
body #mainLayout .gv-detail-sidebars>*{direction:rtl;min-width:0}
body #mainLayout .gv-detail-sidebars #mainContent{grid-area:main}
body #mainLayout .gv-detail-sidebars #leftSidebar{grid-area:consultation}
body #mainLayout .gv-detail-sidebars #rightSidebar{grid-area:featured}
body #mainLayout .gv-detail-sidebars :is(#leftSidebar,#rightSidebar){display:block!important;position:sticky!important;top:var(--gv-sidebar-top,96px)!important;align-self:start;height:max-content!important;max-height:calc(100dvh - var(--gv-sidebar-top,96px) - 16px);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;z-index:20;transform:none!important;margin:0!important;width:auto!important}
body #mainLayout .gv-detail-sidebars :is(.consult-card,.similar-card){position:relative;box-sizing:border-box;width:100%;padding:22px 18px!important;border:1px solid rgba(219,115,33,.2);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(7,27,45,.07);text-align:center;overflow:visible;transform:none!important}
body #mainLayout .gv-detail-sidebars :is(.consult-card,.similar-card)::before{content:"";position:absolute;inset:0 24px auto;height:3px;border-radius:20px;background:linear-gradient(90deg,transparent,#db7321,transparent)}
body #mainLayout .gv-detail-sidebars :is(.consult-head h3,.similar-title){font-family:Tajawal,Arial,sans-serif;font-size:20px!important;line-height:1.55!important;font-weight:800!important;color:#071b2d;margin:0 0 12px!important;letter-spacing:normal;text-align:center}
body #mainLayout .gv-detail-sidebars .similar-title::after{content:"";display:block;width:38px;height:2px;background:#db7321;margin:10px auto 0}
body #mainLayout .gv-detail-sidebars .consult-head{margin-bottom:22px}
body #mainLayout .gv-detail-sidebars .consult-head span{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;margin-bottom:10px;border-radius:20px;color:#b95711;background:#fdf0e5;font-size:12px;font-weight:800}
body #mainLayout .gv-detail-sidebars .consult-head p{font-size:13px;line-height:1.8;color:#747d8b;margin:0}
@media(max-width:1200px),(max-width:1600px) and (any-pointer:coarse){
 body #mainLayout .layout-grid.gv-detail-sidebars{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"main" "consultation" "featured"!important;gap:20px!important}
 body #mainLayout .gv-detail-sidebars :is(#leftSidebar,#rightSidebar){position:static!important;max-height:none;overflow:visible;top:auto!important;z-index:auto}
 body #mainLayout .gv-detail-sidebars :is(.consult-card,.similar-card){padding:20px!important;border-radius:20px}
}
@supports not(height:100dvh){body #mainLayout .gv-detail-sidebars :is(#leftSidebar,#rightSidebar){max-height:calc(100vh - var(--gv-sidebar-top,96px) - 16px)}@media(max-width:1200px),(max-width:1600px) and (any-pointer:coarse){body #mainLayout .gv-detail-sidebars :is(#leftSidebar,#rightSidebar){max-height:none}}}

@media(min-width:1201px){body #mainLayout .gv-detail-sidebars :is(.consult-card,.similar-card){min-height:var(--gv-sidebar-card-height,0px);box-sizing:border-box}}
@media(max-width:1200px),(max-width:1600px) and (any-pointer:coarse){body #mainLayout .gv-detail-sidebars :is(.consult-card,.similar-card){min-height:0}}

@media(min-width:1201px){body #mainLayout .gv-detail-sidebars :is(.consult-card,.similar-card){max-height:var(--gv-sidebar-card-limit,none);overflow-y:auto}}
@media(max-width:1600px) and (any-pointer:coarse){body #mainLayout .gv-detail-sidebars :is(.consult-card,.similar-card){max-height:none;overflow:visible}}