diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css
index b7ce5c1..725cf6c 100644
--- a/public/s/css/f0ckm.css
+++ b/public/s/css/f0ckm.css
@@ -4921,14 +4921,26 @@ span#tags:not(.tags-expanded) .tags-inner>span:nth-child(n+11) {
 
 @media(max-height: 755px) {
   .embed-responsive-16by9::before {
-    padding-top: 40.25%;;
+    padding-top: 40.25%;
   }
 }
 
 @media(max-height: 640px) {
+  /* Generic fallback */
   .embed-responsive-16by9::before {
     padding-top: 36.25%;
   }
+
+  /* layout-modern: both sidebar AND comments visible — column is narrow, full 16:9 fits */
+  body.layout-modern:not(.sidebar-right-hidden) .item-layout-container:not(.sidebar-hidden) .embed-responsive-16by9::before {
+    padding-top: 56.25%;
+  }
+
+  /* layout-modern: either sidebar OR comments hidden (or both) — column is wider, reduce */
+  body.layout-modern.sidebar-right-hidden .embed-responsive-16by9::before,
+  body.layout-modern .item-layout-container.sidebar-hidden .embed-responsive-16by9::before {
+    padding-top: 40.25%;
+  }
 }
 
 @media(max-height: 525px) {