.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .dropdown-menu {

  right: -100% !important;

}


/* === A4 Background Wrapper === */
.jk-a4-wrapper {
    width: 100%;
    max-width: 794px;              /* A4 width in px (approx at 96dpi) */
    min-width: 320px;
    min-height: 500px;
    aspect-ratio: 794 / 1123;      /* A4 portrait ratio */
    
    position: relative;
    margin: 0 auto;

    background-image: url('/images/mojkhu.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

/* === Bottom 50% Text Container === */
.jk-a4-text-half {
    width: 100%;
    height: 50%;                   /* EXACTLY 50% of parent height */
    
    background: rgba(0, 0, 0, 0.45); /* optional dark overlay for readability */
    
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 40px 30px;
    box-sizing: border-box;
}

/* === Inner Text Wrapper === */
.jk-a4-text-inner {
    max-width: 90%;
    text-align: center;
}

/* === Title Styling === */
.jk-a4-title {
    color: #ffffff;
    font-size: 2rem;
    margin-bottom: 20px;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9);
}

/* === Paragraph Styling === */
.jk-a4-paragraph {
    color: #fff44f; /* lemon yellow */
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 15px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.85);
}