html, body {
  overflow-x: hidden;  /* horizontal scroll বন্ধ */
  overflow-y: auto;    /* vertical scroll সবসময় চালু */
  height: auto;        /* height fix না, auto */
}

/* ===== Fixed header + hero space ===== */
:root { --step8-top-offset: 140px; }
@media (max-width: 768px){ :root { --step8-top-offset: 160px; } }

.step8-page {
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background-color: #ffffff;
  color: #FFA500;
}

/* Hero */
.step8-page .hero {
  margin-top: 10px;
  display: flex; justify-content: center;
  margin-bottom: 5px; background: transparent;
}
.step8-page .hero img {
  max-width: calc(100% - 120px); height: auto; object-fit: contain;
  display: block; border-radius: 0; background: transparent;
}
@media (max-width: 992px){ .step8-page .hero img { max-width: calc(100% - 60px); } }
@media (max-width: 600px){ .step8-page .hero img { max-width: 100%; } }

/* Main container */
.step8-page .main-container { max-width: 1100px; margin:0 auto; padding:16px 16px 44px; }
.step8-page .main-section {
  background:#ffffff; border-radius:16px; padding:24px;
  box-shadow:0 14px 50px rgba(255,165,0,0.9);
}
.step8-page .section-title {
  font-size:26px; font-weight:700; text-align:center; color:#FFA500; margin:6px 0 20px 0;
}
.step8-page .section-text {
  font-size:16px; line-height:1.7; color:#FFA500; margin:0 0 14px 0;
}

/* Tray menu */
.tray-menu{position:fixed;top:20%;left:-220px;width:200px;background:#ffa500;
border-radius:0 14px 14px 0;box-shadow:0 12px 30px rgba(0,0,0,.15);
z-index:1200;transition:left .3s ease;overflow:hidden;}
.tray-menu.open{left:0;}
.tray-menu a{display:block;padding:12px 14px;color:#ffffff;font-weight:600;
text-decoration:none;border-bottom:1px solid #f1f1f1;font-size:15px;}
.tray-menu a:hover{background:rgba(255,165,0,0.12);}
.tray-toggle-vertical{position:fixed;left:0;top:40%;transform:translateY(-50%) rotate(180deg);
background:#ffffff;color:#FFA500;padding:18px 12px;min-height:140px;border-radius:12px 0 0 12px;
font-weight:700;letter-spacing:.3px;font-size:16px;cursor:pointer;z-index:1100;
display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;
white-space:nowrap;line-height:1;user-select:none;border:3px solid #FFA500;
box-shadow:0 0 22px 8px rgba(255,165,0,0.45);transition:transform .25s ease,box-shadow .25s ease,
filter .25s ease,opacity .25s ease;}
.tray-toggle-vertical:hover,.tray-toggle-vertical:focus-visible{
transform:translateY(-50%) rotate(180deg) translateX(2px) scale(1.03);
box-shadow:0 0 36px 14px rgba(255,165,0,0.65);filter:brightness(1.03);outline:none;}
@media (max-width:600px){.tray-toggle-vertical{padding:20px 14px;font-size:14px;}}

@media only screen and (max-width: 768px) {
  #trayMenu,
  #trayButton,
  .tray-menu,
  .tray-toggle-vertical {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}