/* ==========================================================
   Alehsan Media - Global UI Foundation
   IMPORTANT: This file does NOT change website fonts.
   ========================================================== */

:root {
    /* Official Alehsan Media brand */
    --am-blue: #0082DE;
    --am-blue-rgb: 0, 130, 222;

    --am-red: #E8553E;
    --am-red-rgb: 232, 85, 62;

    --am-light-blue: #ECF7FF;

    /* Neutral UI */
    --am-text: #101828;
    --am-muted: #667085;
    --am-border: #E4E7EC;
    --am-surface: #FFFFFF;
    --am-soft-surface: #F8FAFC;

    /* Reusable design values for later phases */
    --am-radius-sm: 7px;
    --am-radius-md: 10px;
    --am-radius-lg: 14px;

    --am-shadow-sm: 0 4px 14px rgba(15, 23, 42, .06);
    --am-shadow-md: 0 12px 30px rgba(15, 23, 42, .10);

    --am-transition: 180ms ease;
}


/* ----------------------------------------------------------
   Smooth browser scrolling
   ---------------------------------------------------------- */

html {
    scroll-behavior: smooth;
}


/* ----------------------------------------------------------
   Brand text selection
   ---------------------------------------------------------- */

::selection {
    background: rgba(var(--am-blue-rgb), .20);
    color: #101828;
}


/* ----------------------------------------------------------
   Keyboard accessibility
   Does not affect normal mouse appearance.
   ---------------------------------------------------------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--am-blue);
    outline-offset: 2px;
}


/* ==========================================================
   TOP SCROLL PROGRESS
   Blue -> Red Alehsan Media identity
   ========================================================== */

#amScrollProgress {
    position: fixed;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    z-index: 10000;

    pointer-events: none;

    transform: scaleX(0);
    transform-origin: left center;

    background:
        linear-gradient(
            90deg,
            var(--am-blue) 0%,
            var(--am-blue) 72%,
            var(--am-red) 100%
        );

    box-shadow:
        0 1px 4px rgba(var(--am-blue-rgb), .22);

    will-change: transform;
}


/* ==========================================================
   GO TO TOP BUTTON
   Existing #scroll-to-top element is reused when available.
   ========================================================== */

#scroll-to-top {
    position: fixed !important;

    right: 22px !important;
    bottom: 22px !important;

    width: 44px !important;
    height: 44px !important;

    z-index: 9990 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    border: 1px solid rgba(var(--am-blue-rgb), .16) !important;
    border-radius: 50% !important;

    background: var(--am-blue) !important;
    background-image: none !important;

    color: #fff !important;

    box-shadow:
        0 8px 22px rgba(var(--am-blue-rgb), .24) !important;

    font-size: 14px !important;

    cursor: pointer !important;

    opacity: 0;
    visibility: hidden;

    transform: translateY(12px);

    transition:
        opacity var(--am-transition),
        visibility var(--am-transition),
        transform var(--am-transition),
        background var(--am-transition) !important;
}

#scroll-to-top.am-visible {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

#scroll-to-top:hover {
    background: var(--am-red) !important;

    box-shadow:
        0 10px 26px rgba(var(--am-red-rgb), .25) !important;

    transform: translateY(-2px);
}

#scroll-to-top i {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1 !important;
}


/* Mobile */

@media (max-width: 767.98px) {

    #amScrollProgress {
        height: 3px;
    }

    #scroll-to-top {
        right: 15px !important;
        bottom: 15px !important;

        width: 40px !important;
        height: 40px !important;
    }
}


/* Respect operating-system reduced-motion preference */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    #scroll-to-top {
        transition: none !important;
    }
}

/* ==========================================================
   PHASE 3A - Standard date display
   Keeps "19 Jul 2026" in correct order inside RTL content.
   ========================================================== */

.am-date-display {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
    white-space: nowrap;
}

/* === ALEHSAN SHER ENGINE START ===
   Force Justify + independent Left/Right Indents
   ========================================================== */

.am-sher-justify {
    width: auto !important;
    max-width: none !important;

    margin-top: .55em !important;
    margin-bottom: .55em !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    text-align: justify !important;
    text-align-last: justify !important;

    text-justify: inter-word;

    unicode-bidi: plaintext;

    line-height: 1.9;
}


.am-sher-center {
    width: auto !important;
    max-width: none !important;

    margin-top: .55em !important;
    margin-bottom: .55em !important;

    text-align: center !important;
    text-align-last: auto !important;

    unicode-bidi: plaintext;

    line-height: 1.9;
}


/* LEFT INDENTS */

.am-sher-left-5,
.post__content__body .am-sher-left-5 {
    margin-left: 5% !important;
}

.am-sher-left-10,
.post__content__body .am-sher-left-10 {
    margin-left: 10% !important;
}

.am-sher-left-15,
.post__content__body .am-sher-left-15 {
    margin-left: 15% !important;
}

.am-sher-left-20,
.post__content__body .am-sher-left-20 {
    margin-left: 20% !important;
}

.am-sher-left-25,
.post__content__body .am-sher-left-25 {
    margin-left: 25% !important;
}

.am-sher-left-30,
.post__content__body .am-sher-left-30 {
    margin-left: 30% !important;
}

.am-sher-left-35,
.post__content__body .am-sher-left-35 {
    margin-left: 35% !important;
}

.am-sher-left-40,
.post__content__body .am-sher-left-40 {
    margin-left: 40% !important;
}


/* RIGHT INDENTS */

.am-sher-right-5,
.post__content__body .am-sher-right-5 {
    margin-right: 5% !important;
}

.am-sher-right-10,
.post__content__body .am-sher-right-10 {
    margin-right: 10% !important;
}

.am-sher-right-15,
.post__content__body .am-sher-right-15 {
    margin-right: 15% !important;
}

.am-sher-right-20,
.post__content__body .am-sher-right-20 {
    margin-right: 20% !important;
}

.am-sher-right-25,
.post__content__body .am-sher-right-25 {
    margin-right: 25% !important;
}

.am-sher-right-30,
.post__content__body .am-sher-right-30 {
    margin-right: 30% !important;
}

.am-sher-right-35,
.post__content__body .am-sher-right-35 {
    margin-right: 35% !important;
}

.am-sher-right-40,
.post__content__body .am-sher-right-40 {
    margin-right: 40% !important;
}


/*
 * Explicit Force Justify takes priority over old Poetry rules.
 */

.post__content__body.poetry .am-sher-justify,
.post__content__body .am-sher-justify {
    text-align: justify !important;
    text-align-last: justify !important;
}


/*
 * Mobile safety:
 * desktop editorial indents should not make poetry unreadable.
 */

@media (max-width: 575.98px) {

    [class*="am-sher-left-"],
    .post__content__body [class*="am-sher-left-"] {
        margin-left: 3% !important;
    }

    [class*="am-sher-right-"],
    .post__content__body [class*="am-sher-right-"] {
        margin-right: 3% !important;
    }
}

/* === ALEHSAN SHER ENGINE END === */

/* === ALEHSAN RELATED CARDS START ===
   Compact cards ONLY inside Related-content sections.
   Normal website cards remain unchanged.
   ========================================================== */


/* ----------------------------------------------------------
   Shared Related section
   ---------------------------------------------------------- */

.am-related-section {
    margin-top: 38px !important;
    margin-bottom: 38px !important;
}

.am-related-section .section-heading {
    margin-bottom: 18px !important;
}

.am-related-section .section-heading .heading-text {
    font-size: clamp(1.35rem, 2vw, 1.8rem) !important;
    line-height: 1.2 !important;
}

.am-related-section
.featured__articals__card__container {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;

    flex-wrap: wrap !important;
    overflow-x: visible !important;
}


/* ----------------------------------------------------------
   ARTICLES
   ---------------------------------------------------------- */

.am-related-articles
.post__listing__card {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    overflow: hidden;

    border-radius: 11px !important;
}


/* Compact image */
.am-related-articles
.post__listing__card__image {
    height: 150px !important;
    min-height: 150px !important;

    overflow: hidden;
}

.am-related-articles
.post__listing__card__image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


/* Smaller category tag */
.am-related-articles
.post__listing__card__image .__tags {
    top: 9px !important;
    left: 9px !important;
}

.am-related-articles
.post__listing__card__image .tag {
    padding: 4px 8px !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
}


/* Compact content */
.am-related-articles
.post__listing__card__content {
    padding: 12px 13px 13px !important;
}


/*
 * Related cards do not need an article excerpt.
 * Title + author + date is enough and saves large vertical space.
 */
.am-related-articles
.post__listing__card__content > p {
    display: none !important;
}


/* Two-line title maximum */
.am-related-articles
.post__listing__card__content h4 {
    margin-bottom: 8px !important;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
}


/* Keep Urdu breathing room */
.am-related-articles
.post__listing__card__content.urdu h4 {
    -webkit-line-clamp: 2;

    margin-bottom: 10px !important;
}


/* Compact metadata */
.am-related-articles
.post__listing__card__content
.post-auth-date {
    margin-top: 8px !important;

    padding-top: 8px !important;

    gap: 5px 9px !important;

    font-size: 10.5px !important;
}

.am-related-articles
.post__listing__card__content
.post-auth-date a {
    font-size: 10.5px !important;
}


/* ----------------------------------------------------------
   BOOKS
   ---------------------------------------------------------- */

.am-related-books
.book__short__card {
    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;

    overflow: hidden;

    border-radius: 11px !important;
}


/* Smaller book cover area */
.am-related-books
.book__short__card__image {
    height: 180px !important;
    min-height: 180px !important;

    padding: 10px !important;

    overflow: hidden;
}

.am-related-books
.book__short__card__image a {
    width: 100% !important;
    height: 100% !important;

    display: block !important;
}

.am-related-books
.book__short__card__image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
}


/* Compact title area */
.am-related-books
.book__short__card__content {
    min-height: 52px !important;

    padding: 9px 11px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.am-related-books
.book__short__card__content p {
    margin: 0 !important;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    line-height: 1.35 !important;
}


/* Remove oversized decorative arrow from compact related books */
.am-related-books
.book__short__card__content::after {
    display: none !important;
}


/* ----------------------------------------------------------
   VIDEOS
   ---------------------------------------------------------- */

.am-related-videos
.video__type__card__related {
    width: 100% !important;
    height: auto !important;

    min-height: 0 !important;

    overflow: hidden;

    border-radius: 11px !important;
}


/* 16:9 compact video thumbnail */
.am-related-videos
.video__type__card__image {
    width: 100% !important;
    height: 150px !important;
    min-height: 150px !important;

    overflow: hidden !important;
}

.am-related-videos
.video__type__card__image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


/* Smaller play control */
.am-related-videos
.video__type__card__image > i {
    font-size: 15px !important;
}


/* Compact video title */
.am-related-videos
.video__type__card__content {
    min-height: 54px !important;

    padding: 9px 11px !important;
}

.am-related-videos
.video__type__card__content h4 {
    margin: 0 !important;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    line-height: 1.35 !important;
}


/* ----------------------------------------------------------
   VIDEO ARTICLES
   Already uses a 5-column desktop grid.
   Keep that efficient layout, but tighten the cards.
   ---------------------------------------------------------- */

.am-related-video-articles {
    margin-top: 38px !important;
}

.am-related-video-articles
.video-related-grid {
    gap: 12px !important;

    margin-top: 15px !important;
}

.am-related-video-articles
.video-related-card__media {
    border-radius: 9px;

    overflow: hidden;
}

.am-related-video-articles
.video-related-grid h3 {
    margin: 7px 0 3px !important;

    font-size: .88rem !important;
    line-height: 1.35 !important;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
}

.am-related-video-articles
.video-related-grid small {
    font-size: 10.5px !important;
}

.am-related-video-articles
.video-play-button {
    width: 34px !important;
    height: 34px !important;

    font-size: 11px !important;
}


/* ----------------------------------------------------------
   Responsive Bootstrap-column normalization
   Articles / Books / Videos:
   4 desktop, 2 tablet, 1 small mobile.
   ---------------------------------------------------------- */

@media (min-width: 1200px) {

    .am-related-articles
    .featured__articals__card__container > [class*="col-"],

    .am-related-books
    .featured__articals__card__container > [class*="col-"],

    .am-related-videos
    .featured__articals__card__container > [class*="col-"] {

        width: 25% !important;
        flex: 0 0 25% !important;
    }
}


@media (min-width: 576px) and (max-width: 1199.98px) {

    .am-related-articles
    .featured__articals__card__container > [class*="col-"],

    .am-related-books
    .featured__articals__card__container > [class*="col-"],

    .am-related-videos
    .featured__articals__card__container > [class*="col-"] {

        width: 50% !important;
        flex: 0 0 50% !important;
    }
}


@media (max-width: 575.98px) {

    .am-related-section {
        margin-top: 28px !important;
        margin-bottom: 30px !important;
    }


    .am-related-articles
    .featured__articals__card__container > [class*="col-"],

    .am-related-books
    .featured__articals__card__container > [class*="col-"],

    .am-related-videos
    .featured__articals__card__container > [class*="col-"] {

        width: 100% !important;
        flex: 0 0 100% !important;
    }


    .am-related-articles
    .post__listing__card__image,

    .am-related-videos
    .video__type__card__image {

        height: 180px !important;
        min-height: 180px !important;
    }


    .am-related-books
    .book__short__card__image {

        height: 210px !important;
        min-height: 210px !important;
    }
}

/* === ALEHSAN RELATED CARDS END === */

/* === ALEHSAN RELATED MOBILE START ===
   Mobile related content = compact horizontal swipe cards
   ========================================================== */

@media (max-width: 575.98px) {

    /*
     * Articles / Books / Videos:
     * override previous 100%-wide stacked mobile layout.
     */
    .am-related-articles
    .featured__articals__card__container,

    .am-related-books
    .featured__articals__card__container,

    .am-related-videos
    .featured__articals__card__container {

        display: flex !important;
        flex-wrap: nowrap !important;

        gap: 12px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x proximity;
        overscroll-behavior-inline: contain;

        padding-bottom: 10px !important;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }


    .am-related-articles
    .featured__articals__card__container::-webkit-scrollbar,

    .am-related-books
    .featured__articals__card__container::-webkit-scrollbar,

    .am-related-videos
    .featured__articals__card__container::-webkit-scrollbar {

        display: none;
    }


    /*
     * Keep some next-card preview visible.
     */
    .am-related-articles
    .featured__articals__card__container > [class*="col-"],

    .am-related-books
    .featured__articals__card__container > [class*="col-"],

    .am-related-videos
    .featured__articals__card__container > [class*="col-"] {

        width: 82% !important;

        flex: 0 0 82% !important;

        max-width: 82% !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        scroll-snap-align: start;
    }


    /*
     * Related Article cards remain compact.
     */
    .am-related-articles
    .post__listing__card__image {

        height: 135px !important;
        min-height: 135px !important;
    }


    .am-related-articles
    .post__listing__card__content {

        padding: 10px 11px 11px !important;
    }


    .am-related-articles
    .post__listing__card__content h4 {

        font-size: 15px !important;

        line-height: 1.45 !important;

        margin-bottom: 7px !important;
    }


    .am-related-articles
    .post__listing__card__content.urdu h4 {

        font-size: 20px !important;

        line-height: 1.8 !important;
    }


    /*
     * Smaller Book related cards.
     */
    .am-related-books
    .book__short__card__image {

        height: 175px !important;
        min-height: 175px !important;
    }


    /*
     * Smaller Video related cards.
     */
    .am-related-videos
    .video__type__card__image {

        height: 145px !important;
        min-height: 145px !important;
    }


    /*
     * Video Articles use their own grid.
     * Convert mobile grid into horizontal swipe cards too.
     */
    .am-related-video-articles
    .video-related-grid {

        display: flex !important;

        gap: 12px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        scroll-snap-type: x proximity;

        padding-bottom: 10px;

        scrollbar-width: none;

        -webkit-overflow-scrolling: touch;
    }


    .am-related-video-articles
    .video-related-grid::-webkit-scrollbar {

        display: none;
    }


    .am-related-video-articles
    .video-related-grid > article {

        width: 78%;

        flex: 0 0 78%;

        max-width: 78%;

        scroll-snap-align: start;
    }

}


/*
 * Very narrow devices:
 * slightly more card width for readability.
 */
@media (max-width: 380px) {

    .am-related-articles
    .featured__articals__card__container > [class*="col-"],

    .am-related-books
    .featured__articals__card__container > [class*="col-"],

    .am-related-videos
    .featured__articals__card__container > [class*="col-"] {

        width: 86% !important;

        flex-basis: 86% !important;

        max-width: 86% !important;
    }


    .am-related-video-articles
    .video-related-grid > article {

        width: 84%;

        flex-basis: 84%;

        max-width: 84%;
    }
}

/* === ALEHSAN RELATED MOBILE END === */

/* === ALEHSAN RELATED RESPONSIVE FINAL START ===
   Final responsive normalization for Related content.
   ========================================================== */


/* ==========================================================
   SHARED ROW RESET
   Prevent old horizontal-scroll / Bootstrap gutter conflicts.
   ========================================================== */

.am-related-articles
.featured__articals__card__container,

.am-related-books
.featured__articals__card__container,

.am-related-videos
.featured__articals__card__container {

    width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ==========================================================
   DESKTOP 1200+
   Four cards.
   ========================================================== */

@media (min-width: 1200px) {

    .am-related-articles
    .featured__articals__card__container,

    .am-related-books
    .featured__articals__card__container,

    .am-related-videos
    .featured__articals__card__container {

        display: flex !important;
        flex-wrap: wrap !important;

        overflow: visible !important;

        gap: 0 !important;
    }


    .am-related-articles
    .featured__articals__card__container > [class*="col-"],

    .am-related-books
    .featured__articals__card__container > [class*="col-"],

    .am-related-videos
    .featured__articals__card__container > [class*="col-"] {

        width: 25% !important;
        max-width: 25% !important;

        flex: 0 0 25% !important;

        padding: 8px !important;

        min-width: 0 !important;
    }
}


/* ==========================================================
   TABLET / SMALL LAPTOP
   576px - 1199px
   Always two clean cards per row.
   ========================================================== */

@media (min-width: 576px) and (max-width: 1199.98px) {

    .am-related-articles
    .featured__articals__card__container,

    .am-related-books
    .featured__articals__card__container,

    .am-related-videos
    .featured__articals__card__container {

        display: flex !important;

        flex-wrap: wrap !important;

        overflow-x: visible !important;
        overflow-y: visible !important;

        gap: 0 !important;

        margin-left: -7px !important;
        margin-right: -7px !important;

        width: calc(100% + 14px) !important;
    }


    .am-related-articles
    .featured__articals__card__container > [class*="col-"],

    .am-related-books
    .featured__articals__card__container > [class*="col-"],

    .am-related-videos
    .featured__articals__card__container > [class*="col-"] {

        width: 50% !important;
        max-width: 50% !important;

        flex: 0 0 50% !important;

        padding: 7px !important;

        min-width: 0 !important;
    }


    /*
     * Article image height balanced for tablet.
     */

    .am-related-articles
    .post__listing__card__image {

        height: 145px !important;
        min-height: 145px !important;
    }


    .am-related-books
    .book__short__card__image {

        height: 185px !important;
        min-height: 185px !important;
    }


    .am-related-videos
    .video__type__card__image {

        height: 150px !important;
        min-height: 150px !important;
    }


    /*
     * Video Articles remain a proper 2-column grid.
     */

    .am-related-video-articles
    .video-related-grid {

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 14px !important;

        overflow: visible !important;
    }
}


/* ==========================================================
   MOBILE
   Clean horizontal swipe.
   ========================================================== */

@media (max-width: 575.98px) {

    .am-related-articles
    .featured__articals__card__container,

    .am-related-books
    .featured__articals__card__container,

    .am-related-videos
    .featured__articals__card__container {

        display: flex !important;

        flex-wrap: nowrap !important;

        align-items: stretch !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding: 0 10px 12px 0 !important;

        gap: 12px !important;

        scroll-snap-type: x proximity;

        overscroll-behavior-x: contain;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none !important;
    }


    .am-related-articles
    .featured__articals__card__container::-webkit-scrollbar,

    .am-related-books
    .featured__articals__card__container::-webkit-scrollbar,

    .am-related-videos
    .featured__articals__card__container::-webkit-scrollbar {

        display: none !important;
    }


    /*
     * One readable card + visible preview of next card.
     */

    .am-related-articles
    .featured__articals__card__container > [class*="col-"],

    .am-related-books
    .featured__articals__card__container > [class*="col-"],

    .am-related-videos
    .featured__articals__card__container > [class*="col-"] {

        width: 84% !important;
        max-width: 84% !important;

        flex: 0 0 84% !important;

        padding: 0 !important;

        min-width: 0 !important;

        scroll-snap-align: start;
    }


    /*
     * Ensure card itself never exceeds its slide.
     */

    .am-related-articles
    .post__listing__card,

    .am-related-books
    .book__short__card,

    .am-related-videos
    .video__type__card__related {

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* ------------------------------------------------------
       ARTICLE MOBILE
       ------------------------------------------------------ */

    .am-related-articles
    .post__listing__card__image {

        height: 140px !important;
        min-height: 140px !important;
    }


    .am-related-articles
    .post__listing__card__content {

        padding: 11px 12px 12px !important;

        min-width: 0 !important;
    }


    .am-related-articles
    .post__listing__card__content h4 {

        margin: 0 0 8px !important;

        overflow: hidden !important;
    }


    /*
     * Prevent author/date from widening the card.
     */

    .am-related-articles
    .post-auth-date {

        width: 100% !important;

        display: flex !important;

        align-items: center !important;

        flex-wrap: nowrap !important;

        gap: 8px !important;

        overflow: hidden !important;

        min-width: 0 !important;
    }


    .am-related-articles
    .post-auth-date li {

        min-width: 0 !important;

        overflow: hidden !important;
    }


    .am-related-articles
    .post-auth-date li:first-child {

        flex: 1 1 auto !important;
    }


    .am-related-articles
    .post-auth-date li:last-child {

        flex: 0 0 auto !important;
    }


    .am-related-articles
    .post-auth-date li:first-child a {

        display: block !important;

        overflow: hidden !important;

        text-overflow: ellipsis !important;

        white-space: nowrap !important;
    }


    .am-related-articles
    .post-auth-date a {

        font-size: 10px !important;
    }


    /* ------------------------------------------------------
       BOOK MOBILE
       ------------------------------------------------------ */

    .am-related-books
    .book__short__card__image {

        height: 185px !important;
        min-height: 185px !important;
    }


    /* ------------------------------------------------------
       VIDEO MOBILE
       ------------------------------------------------------ */

    .am-related-videos
    .video__type__card__image {

        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: 16 / 9 !important;
    }


    /* ------------------------------------------------------
       VIDEO ARTICLES MOBILE
       ------------------------------------------------------ */

    .am-related-video-articles
    .video-related-grid {

        display: flex !important;

        flex-wrap: nowrap !important;

        width: 100% !important;

        gap: 12px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding: 0 10px 10px 0 !important;

        scroll-snap-type: x proximity;

        scrollbar-width: none !important;

        -webkit-overflow-scrolling: touch;
    }


    .am-related-video-articles
    .video-related-grid::-webkit-scrollbar {

        display: none !important;
    }


    .am-related-video-articles
    .video-related-grid > article {

        width: 84% !important;
        max-width: 84% !important;

        flex: 0 0 84% !important;

        min-width: 0 !important;

        scroll-snap-align: start;
    }
}


/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media (max-width: 380px) {

    .am-related-articles
    .featured__articals__card__container > [class*="col-"],

    .am-related-books
    .featured__articals__card__container > [class*="col-"],

    .am-related-videos
    .featured__articals__card__container > [class*="col-"],

    .am-related-video-articles
    .video-related-grid > article {

        width: 88% !important;
        max-width: 88% !important;

        flex-basis: 88% !important;
    }
}

/* === ALEHSAN RELATED RESPONSIVE FINAL END === */

/* === ALEHSAN POPULAR BOOKS START === */

.am-popular-books-section {
    margin-top: 18px;
    margin-bottom: 44px;
}

.am-popular-books-section .section-heading {
    margin-bottom: 24px;
}


/* Popular books content area */

.am-popular-books-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;
}


/* Existing book card preserved */

.am-popular-book-item {
    min-width: 0;
}

.am-popular-book-item .book__short__card {
    width: 100%;
    height: 100%;
}


/* Cover area becomes anchor for view badge */

.am-popular-book-item
.book__short__card__image {
    position: relative;
}


/* Actual popularity metric */

.am-popular-book-views {
    position: absolute;

    left: 10px;
    bottom: 10px;

    z-index: 3;

    display: inline-flex;
    align-items: center;

    gap: 5px;

    padding: 5px 9px;

    border-radius: 999px;

    background: rgba(0, 0, 0, .72);

    color: #fff;

    font-family: inherit;

    font-size: 11px;
    line-height: 1;
}

.am-popular-book-views i {
    font-size: 10px;
}


/* Popular book title */

.am-popular-book-item
.book__short__card__content p {
    margin: 0 !important;

    text-align: center;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    line-height: 1.45;
}


/* Tablet */

@media (max-width: 991.98px) {

    .am-popular-books-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 15px;
    }

}


/* Mobile */

@media (max-width: 767.98px) {

    .am-popular-books-section {
        margin-top: 24px;
        margin-bottom: 32px;
    }

    .am-popular-books-section
    .section-heading {
        margin-bottom: 18px;
    }

    .am-popular-books-section
    .section-heading .heading-text {
        font-size: 1.45rem !important;
    }

    .am-popular-books-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 12px;
    }

}


/* Very small mobile */

@media (max-width: 380px) {

    .am-popular-books-grid {
        gap: 9px;
    }

    .am-popular-book-views {
        left: 7px;
        bottom: 7px;

        padding: 4px 7px;

        font-size: 10px;
    }

}

/* === ALEHSAN POPULAR BOOKS END === */

/* === ALEHSAN POPULAR AUTHORS START ===
   Ranked public Authors & Contributors.
   ========================================================== */

.am-popular-authors-section {
    padding: 50px 0 55px;
    background: #f7fbfe;
    border-top: 1px solid rgba(0, 130, 222, .10);
}


.am-popular-authors-section
.section-heading {
    justify-content: space-between;
}


.am-popular-authors-intro {
    margin: 7px 0 0;

    color: #6b7582;

    font-size: 14px;
    line-height: 1.55;
}


.am-popular-authors-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px;
}


/* ----------------------------------------------------------
   CARD
   ---------------------------------------------------------- */

.am-popular-author-card {
    position: relative;

    min-width: 0;

    padding: 22px 17px 18px;

    background: #fff;

    border: 1px solid rgba(0, 130, 222, .14);
    border-radius: 15px;

    box-shadow:
        0 8px 28px rgba(22, 45, 75, .07);

    text-align: center;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}


@media (hover:hover) {

    .am-popular-author-card:hover {
        transform: translateY(-4px);

        border-color: rgba(0, 130, 222, .42);

        box-shadow:
            0 13px 32px rgba(22, 45, 75, .12);
    }

}


/* ----------------------------------------------------------
   RANK
   ---------------------------------------------------------- */

.am-popular-author-rank {
    position: absolute;

    top: 12px;
    left: 12px;

    z-index: 2;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 34px;
    height: 27px;

    padding: 0 8px;

    border-radius: 999px;

    background: #0082DE;

    color: #fff;

    font-size: 11px;
    font-weight: 700;

    line-height: 1;
}


/*
 * Highlight Top 3 without introducing a new
 * off-brand color palette.
 */

.am-popular-author-card:nth-child(1)
.am-popular-author-rank {
    background: #E8553E;
}


.am-popular-author-card:nth-child(2)
.am-popular-author-rank,

.am-popular-author-card:nth-child(3)
.am-popular-author-rank {
    background: #0082DE;
}


/* ----------------------------------------------------------
   PHOTO
   ---------------------------------------------------------- */

.am-popular-author-photo {
    display: block;

    width: 90px;
    height: 90px;

    margin: 2px auto 15px;

    border-radius: 50%;

    overflow: hidden;

    border: 3px solid #fff;

    box-shadow:
        0 0 0 2px rgba(0, 130, 222, .16),
        0 8px 20px rgba(0, 0, 0, .10);
}


.am-popular-author-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* ----------------------------------------------------------
   TEXT
   ---------------------------------------------------------- */

.am-popular-author-body {
    min-width: 0;
}


.am-popular-author-name {
    color: #17243a;
}


.am-popular-author-name h3 {
    margin: 0;

    min-height: 44px;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}


/* ----------------------------------------------------------
   TOTAL VIEWS
   ---------------------------------------------------------- */

.am-popular-author-total {
    display: flex;

    align-items: baseline;
    justify-content: center;

    flex-wrap: wrap;

    gap: 5px;

    margin: 12px 0 11px;

    color: #68758a;

    font-size: 11px;
}


.am-popular-author-total i {
    color: #0082DE;

    font-size: 12px;
}


.am-popular-author-total strong {
    color: #17243a;

    font-size: 16px;
}


.am-popular-author-total span {
    width: 100%;

    margin-top: -2px;
}


/* ----------------------------------------------------------
   BREAKDOWN
   Article | Book | Video Article views
   ---------------------------------------------------------- */

.am-popular-author-breakdown {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 5px;

    margin-bottom: 14px;
}


.am-popular-author-breakdown span {
    min-width: 0;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 4px;

    padding: 7px 3px;

    border-radius: 8px;

    background: #ECF7FF;

    color: #526172;

    font-size: 10px;

    overflow: hidden;
}


.am-popular-author-breakdown i {
    color: #0082DE;

    font-size: 11px;
}


/* ----------------------------------------------------------
   PROFILE LINK
   ---------------------------------------------------------- */

.am-popular-author-link {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    color: #0082DE;

    font-size: 12px;
    font-weight: 700;
}


.am-popular-author-link:hover {
    color: #E8553E;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 991.98px) {

    .am-popular-authors-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 15px;
    }

}


/* ==========================================================
   MOBILE
   Compact 2-per-row ranked cards.
   ========================================================== */

@media (max-width: 575.98px) {

    .am-popular-authors-section {
        padding: 35px 0 40px;
    }


    .am-popular-authors-section
    .section-heading .heading-text {
        font-size: 1.45rem !important;
    }


    .am-popular-authors-intro {
        font-size: 12px;
    }


    .am-popular-authors-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 10px;
    }


    .am-popular-author-card {
        padding: 17px 9px 14px;

        border-radius: 12px;
    }


    .am-popular-author-rank {
        top: 8px;
        left: 8px;

        min-width: 29px;
        height: 23px;

        padding: 0 6px;

        font-size: 9px;
    }


    .am-popular-author-photo {
        width: 72px;
        height: 72px;

        margin-bottom: 12px;
    }


    .am-popular-author-name h3 {
        min-height: 40px;

        font-size: 13px;
        line-height: 1.45;
    }


    .am-popular-author-total {
        margin: 9px 0;

        font-size: 9px;
    }


    .am-popular-author-total strong {
        font-size: 13px;
    }


    .am-popular-author-breakdown {
        gap: 3px;

        margin-bottom: 10px;
    }


    .am-popular-author-breakdown span {
        padding: 6px 2px;

        font-size: 8px;
    }


    .am-popular-author-link {
        font-size: 10px;
    }

}


/* Very narrow screens */

@media (max-width: 350px) {

    .am-popular-authors-grid {
        grid-template-columns: 1fr;
    }

}

/* === ALEHSAN POPULAR AUTHORS END === */

/* === ALEHSAN AUTHOR DIRECTORY START === */

.am-author-directory-section {
    padding: 48px 0 58px;
}


/* Registration / contributor CTA */

.am-author-join-card {
    display: flex;
    align-items: center;
    gap: 30px;

    margin-bottom: 46px;
    padding: 28px 32px;

    background: #ECF7FF;

    border: 1px solid rgba(0, 130, 222, .22);
    border-radius: 16px;

    box-shadow: 0 12px 32px rgba(24, 61, 95, .06);
}


.am-author-join-icon {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 105px;
    height: 105px;

    padding: 20px;

    background: #fff;

    border-radius: 50%;

    box-shadow: 0 8px 24px rgba(0, 130, 222, .10);
}


.am-author-join-icon img {
    max-width: 100%;
    max-height: 100%;
}


.am-author-join-content {
    min-width: 0;
}


.am-author-eyebrow {
    display: inline-block;

    margin-bottom: 6px;

    color: #0082DE;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: .06em;
    text-transform: uppercase;
}


.am-author-join-content h2,
.am-author-directory-heading h2 {
    margin: 0 0 8px;

    color: #17243a;

    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: 700;
}


.am-author-join-content p {
    max-width: 900px;

    margin: 0 0 18px;

    color: #586779;

    font-size: 14px;
    line-height: 1.75;
}


.am-author-join-button {
    display: inline-flex;

    align-items: center;

    gap: 8px;
}


/* Directory heading */

.am-author-directory-heading {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 25px;

    margin-bottom: 24px;
}


.am-author-directory-heading p {
    margin: 0;

    color: #68758a;

    font-size: 14px;
}


.am-author-directory-count {
    flex: 0 0 auto;

    display: flex;

    flex-direction: column;

    min-width: 100px;

    padding: 10px 16px;

    background: #fff;

    border: 1px solid rgba(0, 130, 222, .16);
    border-radius: 11px;

    text-align: center;
}


.am-author-directory-count strong {
    color: #0082DE;

    font-size: 22px;
    line-height: 1.1;
}


.am-author-directory-count span {
    margin-top: 3px;

    color: #718096;

    font-size: 10px;
    text-transform: uppercase;
}


/* Directory grid */

.am-author-directory-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px;
}


/* Author card */

.am-author-directory-card {
    min-width: 0;

    display: flex;
    flex-direction: column;

    align-items: center;

    padding: 22px 16px 18px;

    background: #fff;

    border: 1px solid rgba(29, 50, 74, .11);
    border-radius: 15px;

    box-shadow:
        0 7px 24px rgba(23, 47, 76, .06);

    text-align: center;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


@media (hover:hover) {

    .am-author-directory-card:hover {
        transform: translateY(-4px);

        border-color: rgba(0, 130, 222, .35);

        box-shadow:
            0 14px 32px rgba(23, 47, 76, .11);
    }

}


/* Profile photo */

.am-author-directory-photo {
    flex: 0 0 auto;

    display: block;

    width: 96px;
    height: 96px;

    margin-bottom: 15px;

    overflow: hidden;

    border: 3px solid #fff;
    border-radius: 50%;

    box-shadow:
        0 0 0 2px rgba(0, 130, 222, .14),
        0 7px 18px rgba(0, 0, 0, .09);
}


.am-author-directory-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* Card content */

.am-author-directory-body {
    width: 100%;
    min-width: 0;

    display: flex;
    flex: 1;

    flex-direction: column;

    align-items: center;
}


.am-author-directory-name h3 {
    margin: 0;

    min-height: 44px;

    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #17243a;

    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}


.am-author-directory-location {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 5px;

    min-height: 31px;

    margin-top: 5px;

    color: #778394;

    font-size: 10px;
    line-height: 1.35;
}


.am-author-directory-location i {
    flex: 0 0 auto;

    color: #E8553E;
}


/* Counts */

.am-author-directory-stats {
    width: 100%;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 5px;

    margin: 14px 0;
}


.am-author-directory-stats > span {
    min-width: 0;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 2px;

    padding: 8px 3px;

    background: #ECF7FF;

    border-radius: 8px;
}


.am-author-directory-stats i {
    margin-bottom: 2px;

    color: #0082DE;

    font-size: 11px;
}


.am-author-directory-stats strong {
    color: #17243a;

    font-size: 13px;
}


.am-author-directory-stats small {
    color: #718096;

    font-size: 8px;
}


/* Profile CTA */

.am-author-directory-link {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    margin-top: auto;

    color: #0082DE;

    font-size: 11px;
    font-weight: 700;
}


.am-author-directory-link:hover {
    color: #E8553E;
}


/* Pagination */

.am-author-directory-pagination {
    width: 100%;

    display: flex;
    justify-content: center;

    margin: 38px 0 8px;
}


/* Tablet */

@media (max-width: 1199.98px) {

    .am-author-directory-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

}


@media (max-width: 991.98px) {

    .am-author-join-card {
        gap: 22px;

        padding: 24px;
    }


    .am-author-join-icon {
        width: 88px;
        height: 88px;
    }


    .am-author-directory-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* Mobile */

@media (max-width: 575.98px) {

    .am-author-directory-section {
        padding: 30px 0 42px;
    }


    .am-author-join-card {
        align-items: flex-start;

        gap: 16px;

        margin-bottom: 34px;
        padding: 20px 17px;
    }


    .am-author-join-icon {
        width: 62px;
        height: 62px;

        padding: 12px;
    }


    .am-author-join-content h2 {
        font-size: 21px;
    }


    .am-author-join-content p {
        font-size: 12px;
        line-height: 1.65;
    }


    .am-author-directory-heading {
        align-items: flex-start;

        gap: 12px;
    }


    .am-author-directory-heading h2 {
        font-size: 22px;
    }


    .am-author-directory-heading p {
        font-size: 12px;
    }


    .am-author-directory-count {
        min-width: 76px;

        padding: 8px 9px;
    }


    .am-author-directory-count strong {
        font-size: 18px;
    }


    .am-author-directory-grid {
        grid-template-columns: 1fr;

        gap: 12px;
    }


    .am-author-directory-card {
        flex-direction: row;

        align-items: center;

        gap: 15px;

        padding: 16px;

        text-align: left;
    }


    .am-author-directory-photo {
        width: 78px;
        height: 78px;

        margin: 0;

        flex-shrink: 0;
    }


    .am-author-directory-body {
        align-items: flex-start;
    }


    .am-author-directory-name h3 {
        min-height: 0;

        font-size: 14px;
    }


    .am-author-directory-location {
        justify-content: flex-start;

        min-height: 0;
    }


    .am-author-directory-stats {
        margin: 10px 0;

        gap: 4px;
    }


    .am-author-directory-stats > span {
        padding: 6px 3px;
    }


    .am-author-directory-link {
        justify-content: flex-start;
    }

}


@media (max-width: 370px) {

    .am-author-join-icon {
        display: none;
    }


    .am-author-directory-card {
        gap: 11px;

        padding: 13px;
    }


    .am-author-directory-photo {
        width: 66px;
        height: 66px;
    }

}

/* === ALEHSAN AUTHOR DIRECTORY END === */

/* === ALEHSAN AUTHOR PROFILE HERO START === */

.am-author-profile-hero {
    padding: 42px 0 32px;

    background:
        linear-gradient(
            135deg,
            #ECF7FF 0%,
            #ffffff 75%
        );

    border-bottom:
        1px solid rgba(0, 130, 222, .10);
}


.am-author-profile-card {
    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    align-items: center;

    gap: 30px;

    padding: 30px 34px;

    background: #fff;

    border:
        1px solid rgba(0, 130, 222, .15);

    border-radius: 18px;

    box-shadow:
        0 14px 38px rgba(23, 55, 86, .08);
}


/* Author image */

.am-author-profile-photo {
    width: 150px;
    height: 150px;

    overflow: hidden;

    border-radius: 50%;

    border: 5px solid #fff;

    box-shadow:
        0 0 0 3px rgba(0, 130, 222, .14),
        0 10px 28px rgba(0, 0, 0, .11);
}


.am-author-profile-photo img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* Identity */

.am-author-profile-main {
    min-width: 0;
}


.am-author-profile-eyebrow {
    display: inline-block;

    margin-bottom: 6px;

    color: #0082DE;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .07em;

    text-transform: uppercase;
}


.am-author-profile-name {
    margin: 0;

    color: #17243a;

    font-size:
        clamp(30px, 3vw, 44px);

    line-height: 1.35;
}


.am-author-profile-name-en {
    margin: 4px 0 0;

    color: #69788c;

    font-size: 14px;
    font-weight: 600;
}


.am-author-profile-intro {
    max-width: 720px;

    margin-top: 12px;

    color: #556579;

    font-size: 16px;

    line-height: 1.9;
}


/* Social links */

.am-author-profile-social {
    display: flex;

    align-items: center;

    gap: 8px;

    margin: 15px 0 0;

    padding: 0;

    list-style: none;
}


.am-author-profile-social a {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;

    background: #ECF7FF;

    border-radius: 50%;

    color: #0082DE;

    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease;
}


@media (hover:hover) {

    .am-author-profile-social a:hover {
        transform: translateY(-2px);

        background: #0082DE;

        color: #fff;
    }

}


/* Contribution summary */

.am-author-profile-stats {
    min-width: 160px;

    display: grid;

    grid-template-columns: 1fr;

    gap: 9px;
}


.am-author-profile-stat {
    display: grid;

    grid-template-columns:
        24px 46px 1fr;

    align-items: center;

    gap: 7px;

    padding: 11px 13px;

    background: #ECF7FF;

    border-radius: 10px;
}


.am-author-profile-stat i {
    color: #0082DE;

    font-size: 13px;

    text-align: center;
}


.am-author-profile-stat strong {
    color: #17243a;

    font-size: 16px;
}


.am-author-profile-stat span {
    color: #657589;

    font-size: 10px;
}


/* Tablet */

@media (max-width: 991.98px) {

    .am-author-profile-card {
        grid-template-columns:
            auto minmax(0, 1fr);

        gap: 24px;
    }


    .am-author-profile-stats {
        grid-column: 1 / -1;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        width: 100%;
    }


    .am-author-profile-stat {
        display: flex;

        flex-direction: column;

        justify-content: center;

        gap: 3px;

        text-align: center;
    }

}


/* Mobile */

@media (max-width: 575.98px) {

    .am-author-profile-hero {
        padding: 24px 0 22px;
    }


    .am-author-profile-card {
        display: flex;

        flex-direction: column;

        gap: 16px;

        padding: 22px 17px;

        border-radius: 15px;

        text-align: center;
    }


    .am-author-profile-photo {
        width: 112px;
        height: 112px;
    }


    .am-author-profile-name {
        font-size: 28px;
    }


    .am-author-profile-name-en {
        font-size: 12px;
    }


    .am-author-profile-intro {
        margin-top: 9px;

        font-size: 14px;

        line-height: 1.8;
    }


    .am-author-profile-social {
        justify-content: center;
    }


    .am-author-profile-stats {
        width: 100%;
        min-width: 0;

        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 5px;
    }


    .am-author-profile-stat {
        padding: 9px 4px;
    }


    .am-author-profile-stat strong {
        font-size: 14px;
    }


    .am-author-profile-stat span {
        font-size: 8px;
    }

}

/* === ALEHSAN AUTHOR PROFILE HERO END === */

/* === ALEHSAN AUTHOR TAB STICKY FIX START === */

/*
 * Author profile tabs must remain in normal page flow.
 * They should NOT follow the visitor while scrolling.
 */

.author__tab__header__section {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    transform: none !important;
}

.author__tab__header__section .author__tab__header {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    z-index: auto !important;
}

/* === ALEHSAN AUTHOR TAB STICKY FIX END === */

/* === ALEHSAN WHATSAPP CHANNEL START === */


/* =========================================================
   HOME WHATSAPP CHANNEL
   ========================================================= */

.am-whatsapp-home {
    padding-top: 18px;
    padding-bottom: 54px;
}


.am-whatsapp-home-card {
    position: relative;

    display: grid;

    grid-template-columns:
        auto minmax(0, 1fr) auto;

    align-items: center;

    gap: 24px;

    padding: 28px 30px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #ECF7FF 0%,
            #ffffff 58%,
            #f8fbfe 100%
        );

    border:
        1px solid rgba(0, 130, 222, .15);

    border-radius: 18px;

    box-shadow:
        0 10px 32px rgba(23, 49, 78, .07);
}


.am-whatsapp-home-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    background: #0082DE;
}


.am-whatsapp-home-icon {
    width: 66px;
    height: 66px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 66px;

    border-radius: 50%;

    background: #0082DE;

    color: #fff;

    font-size: 31px;

    box-shadow:
        0 8px 20px rgba(0, 130, 222, .18);
}


.am-whatsapp-kicker {
    display: block;

    margin-bottom: 4px;

    color: #E8553E;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .08em;

    text-transform: uppercase;
}


.am-whatsapp-home-copy h2 {
    margin: 0 0 6px;

    color: #17243a;

    font-size: clamp(22px, 2.1vw, 30px);
    font-weight: 700;

    line-height: 1.2;
}


.am-whatsapp-home-copy p {
    max-width: 690px;

    margin: 0;

    color: #64758a;

    font-size: 13px;

    line-height: 1.65;
}


.am-whatsapp-join-btn {
    min-height: 48px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    padding: 11px 18px;

    white-space: nowrap;

    border:
        1px solid #0082DE;

    border-radius: 10px;

    background: #0082DE;

    color: #fff !important;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}


.am-whatsapp-join-btn
.fa-arrow-right {
    font-size: 11px;
}


@media (hover:hover) {

    .am-whatsapp-join-btn:hover {
        background: #006fbf;

        border-color: #006fbf;

        transform: translateY(-2px);

        box-shadow:
            0 8px 20px rgba(0, 130, 222, .18);
    }

}


/* =========================================================
   FOOTER WHATSAPP
   ========================================================= */

.am-footer-whatsapp-social a {
    display: flex;

    align-items: center;
    justify-content: center;
}


.am-footer-whatsapp-btn {
    width: fit-content;

    display: flex;

    align-items: center;

    gap: 9px;

    margin-top: 12px;

    padding: 9px 13px;

    border:
        1px solid rgba(255, 255, 255, .32);

    border-radius: 8px;

    color: #fff !important;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none !important;

    transition:
        background .2s ease,
        border-color .2s ease;
}


.am-footer-whatsapp-btn:hover {
    background:
        rgba(255, 255, 255, .10);

    border-color:
        rgba(255, 255, 255, .55);

    color: #fff !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991.98px) {

    .am-whatsapp-home-card {
        grid-template-columns:
            auto minmax(0, 1fr);

        gap: 18px;
    }


    .am-whatsapp-home-action {
        grid-column: 1 / -1;
    }


    .am-whatsapp-join-btn {
        width: 100%;
    }

}


@media (max-width: 575.98px) {

    .am-whatsapp-home {
        padding-top: 8px;
        padding-bottom: 38px;
    }


    .am-whatsapp-home-card {
        display: block;

        padding: 22px 17px;

        border-radius: 14px;
    }


    .am-whatsapp-home-icon {
        width: 52px;
        height: 52px;

        margin-bottom: 14px;

        font-size: 25px;
    }


    .am-whatsapp-home-copy h2 {
        font-size: 22px;
    }


    .am-whatsapp-home-copy p {
        font-size: 12px;
    }


    .am-whatsapp-home-action {
        margin-top: 17px;
    }


    .am-whatsapp-join-btn {
        min-height: 47px;

        padding:
            10px 13px;

        font-size: 12px;
    }

}

/* === ALEHSAN WHATSAPP CHANNEL END === */

/* === WHATSAPP GREEN THEME START === */

/* Home WhatsApp card */
.am-whatsapp-home-card {
    background:
        linear-gradient(
            135deg,
            #ecfff4 0%,
            #ffffff 58%,
            #f5fff9 100%
        );

    border-color: rgba(37, 211, 102, .24);
}

.am-whatsapp-home-card::before {
    background: #25D366;
}

.am-whatsapp-home-icon {
    background: #25D366;

    box-shadow:
        0 8px 20px rgba(37, 211, 102, .22);
}

.am-whatsapp-kicker {
    color: #128C7E;
}

.am-whatsapp-join-btn {
    background: #25D366;

    border-color: #25D366;

    color: #fff !important;

    box-shadow:
        0 6px 16px rgba(37, 211, 102, .16);
}

@media (hover:hover) {
    .am-whatsapp-join-btn:hover {
        background: #128C7E;
        border-color: #128C7E;

        box-shadow:
            0 9px 22px rgba(18, 140, 126, .22);
    }
}


/* Footer WhatsApp social icon */
.am-footer-whatsapp-social a {
    color: #ffffff !important;
}

.am-footer-whatsapp-social a i {
    color: #ffffff !important;
}

.am-footer-whatsapp-social a:hover,
.am-footer-whatsapp-social a:hover i {
    color: #ffffff !important;
}


/* Footer Join button */
.am-footer-whatsapp-btn {
    background: rgba(37, 211, 102, .12);

    border-color: rgba(37, 211, 102, .55);

    color: #ffffff !important;
}

.am-footer-whatsapp-btn i {
    color: #25D366;
}

.am-footer-whatsapp-btn:hover {
    background: #25D366;

    border-color: #25D366;

    color: #ffffff !important;
}

.am-footer-whatsapp-btn:hover i {
    color: #ffffff;
}

/* === WHATSAPP GREEN THEME END === */

/* === ALEHSAN MODERN FOOTER START === */

.am-site-footer {
    margin-top: 0;

    background:
        linear-gradient(
            135deg,
            #151d26 0%,
            #101820 58%,
            #0d141b 100%
        );

    color: #fff;
}


/* =========================================================
   CONNECT STRIP
   ========================================================= */

.am-footer-connect-strip {
    background: #0082DE;
}


.am-footer-connect-inner {
    min-height: 68px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 24px;
}


.am-footer-connect-copy {
    display: flex;

    align-items: baseline;

    gap: 10px;

    color: #fff;
}


.am-footer-connect-copy span {
    font-size: 15px;
    font-weight: 700;
}


.am-footer-connect-copy small {
    color: rgba(255,255,255,.74);

    font-size: 11px;
}


.am-footer-socials {
    display: flex;

    align-items: center;

    gap: 7px;
}


.am-footer-socials a {
    width: 36px;
    height: 36px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(255,255,255,.22);

    border-radius: 50%;

    color: #fff !important;

    font-size: 14px;

    text-decoration: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


.am-footer-socials a i {
    color: #fff !important;
}


@media (hover:hover) {

    .am-footer-socials a:hover {
        background:
            rgba(255,255,255,.14);

        border-color:
            rgba(255,255,255,.5);

        transform: translateY(-2px);
    }

}


/* =========================================================
   MAIN FOOTER
   ========================================================= */

.am-footer-main {
    padding: 54px 0 46px;
}


.am-footer-grid {
    display: grid;

    grid-template-columns:
        minmax(240px, 1.35fr)
        minmax(145px, .8fr)
        minmax(180px, 1fr)
        minmax(140px, .72fr)
        minmax(220px, 1.05fr);

    gap: 36px;
}


.am-footer-column {
    min-width: 0;
}


.am-footer-column h3 {
    position: relative;

    margin: 4px 0 19px;

    padding-bottom: 10px;

    color: #fff;

    font-size: 17px;
    font-weight: 700;
}


.am-footer-column h3::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 30px;
    height: 2px;

    border-radius: 2px;

    background: #0082DE;
}


/* BRAND */

.am-footer-logo {
    width: 92px;
    height: 92px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 17px;

    overflow: hidden;

    border-radius: 50%;

    background: #fff;

    border:
        2px solid rgba(0,130,222,.55);
}


.am-footer-logo img {
    width: 100%;
    height: 100%;

    object-fit: contain;
}


.am-footer-about {
    max-width: 330px;

    margin: 0;

    color: rgba(255,255,255,.72);

    font-size: 12px;

    line-height: 1.75;
}


.am-footer-brand-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-top: 19px;
}


.am-footer-outline-btn,
.am-footer-wa-btn {
    min-height: 38px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 8px 11px;

    border-radius: 7px;

    font-size: 11px;
    font-weight: 700;

    text-decoration: none !important;
}


.am-footer-outline-btn {
    border:
        1px solid rgba(255,255,255,.26);

    color: #fff !important;
}


.am-footer-outline-btn:hover {
    background:
        rgba(255,255,255,.08);

    color: #fff !important;
}


.am-footer-wa-btn {
    border: 1px solid #25D366;

    background:
        rgba(37,211,102,.09);

    color: #fff !important;
}


.am-footer-wa-btn i {
    color: #25D366;
}


.am-footer-wa-btn:hover {
    background: #25D366;

    color: #fff !important;
}


.am-footer-wa-btn:hover i {
    color: #fff;
}


/* LINKS */

.am-footer-links {
    margin: 0;
    padding: 0;

    list-style: none;
}


.am-footer-links li {
    margin: 0;

    padding: 0;
}


.am-footer-links li + li {
    margin-top: 9px;
}


.am-footer-links a {
    position: relative;

    display: inline-block;

    color:
        rgba(255,255,255,.72) !important;

    font-size: 12px;

    line-height: 1.4;

    text-decoration: none !important;

    transition:
        color .2s ease,
        transform .2s ease;
}


.am-footer-links a:hover {
    color: #fff !important;

    transform: translateX(3px);
}


/* YOUTUBE */

.am-footer-youtube-card {
    position: relative;

    min-height: 206px;

    overflow: hidden;

    border-radius: 13px;

    background-size: cover;
    background-position: center;

    border:
        1px solid rgba(255,255,255,.12);
}


.am-footer-youtube-overlay {
    position: absolute;

    inset: 0;

    display: flex;

    flex-direction: column;

    align-items: flex-start;
    justify-content: flex-end;

    padding: 20px;

    background:
        linear-gradient(
            to top,
            rgba(7,12,18,.94),
            rgba(7,12,18,.32)
        );
}


.am-footer-youtube-icon {
    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 11px;

    border-radius: 50%;

    background: #E8553E;

    color: #fff;

    font-size: 18px;
}


.am-footer-youtube-overlay strong {
    color: #fff;

    font-size: 14px;
}


.am-footer-youtube-overlay span {
    margin-top: 2px;

    color: rgba(255,255,255,.64);

    font-size: 10px;
}


.am-footer-youtube-overlay a {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-top: 14px;

    padding: 8px 12px;

    border:
        1px solid rgba(255,255,255,.26);

    border-radius: 7px;

    color: #fff !important;

    font-size: 11px;
    font-weight: 700;

    text-decoration: none !important;
}


.am-footer-youtube-overlay a:hover {
    background: #E8553E;

    border-color: #E8553E;
}


/* =========================================================
   BOTTOM
   ========================================================= */

.am-footer-bottom {
    border-top:
        1px solid rgba(255,255,255,.08);
}


.am-footer-bottom-inner {
    min-height: 58px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 20px;
}


.am-footer-bottom-inner p {
    margin: 0;

    color: rgba(255,255,255,.5);

    font-size: 10px;
}


.am-footer-bottom-inner div {
    display: flex;

    align-items: center;

    gap: 8px;

    color: rgba(255,255,255,.28);
}


.am-footer-bottom-inner a {
    color:
        rgba(255,255,255,.58) !important;

    font-size: 10px;

    text-decoration: none !important;
}


.am-footer-bottom-inner a:hover {
    color: #fff !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199.98px) {

    .am-footer-grid {
        grid-template-columns:
            minmax(260px, 1.4fr)
            repeat(2, minmax(160px, 1fr));

        gap: 38px 30px;
    }


    .am-footer-youtube-column {
        grid-column: span 2;
    }

}


@media (max-width: 767.98px) {

    .am-footer-connect-inner {
        padding: 14px 0;

        align-items: flex-start;

        flex-direction: column;

        gap: 11px;
    }


    .am-footer-connect-copy small {
        display: none;
    }


    .am-footer-socials {
        width: 100%;

        overflow-x: auto;

        padding-bottom: 2px;
    }


    .am-footer-socials a {
        flex: 0 0 34px;

        width: 34px;
        height: 34px;
    }


    .am-footer-main {
        padding: 38px 0 30px;
    }


    .am-footer-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 32px 22px;
    }


    .am-footer-brand,
    .am-footer-youtube-column {
        grid-column: 1 / -1;
    }


    .am-footer-about {
        max-width: 520px;
    }

}


@media (max-width: 479.98px) {

    .am-footer-grid {
        grid-template-columns: 1fr;

        gap: 29px;
    }


    .am-footer-brand,
    .am-footer-youtube-column {
        grid-column: auto;
    }


    .am-footer-logo {
        width: 82px;
        height: 82px;
    }


    .am-footer-column h3 {
        margin-bottom: 15px;
    }


    .am-footer-links li + li {
        margin-top: 8px;
    }


    .am-footer-youtube-card {
        min-height: 190px;
    }


    .am-footer-bottom-inner {
        padding: 15px 0;

        min-height: 0;

        flex-direction: column;

        align-items: flex-start;

        gap: 7px;
    }

}

/* === ALEHSAN MODERN FOOTER END === */

/* === ALEHSAN FOOTER BOTTOM BAR POLISH START === */

.am-site-footer .am-footer-bottom-inner {
    min-height: 64px;
}

.am-site-footer .am-footer-bottom-inner p {
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.5;

    color: rgba(255, 255, 255, .72);
}

.am-site-footer .am-footer-bottom-inner a {
    font-size: 12px !important;
    font-weight: 500;

    color: rgba(255, 255, 255, .72) !important;
}

.am-site-footer .am-footer-bottom-inner div {
    gap: 10px;
}

@media (max-width: 575.98px) {

    .am-site-footer .am-footer-bottom-inner {
        padding: 17px 0;
    }

    .am-site-footer .am-footer-bottom-inner p {
        font-size: 12px !important;
    }

    .am-site-footer .am-footer-bottom-inner a {
        font-size: 11.5px !important;
    }

}

/* === ALEHSAN FOOTER BOTTOM BAR POLISH END === */

/* === ALEHSAN AD VISUAL NORMALIZATION START === */

/*
 * Public custom advertisements.
 *
 * IMPORTANT:
 * Home Most Popular vertical advertisement is deliberately excluded.
 * Its size/layout is controlled by home-v4.css.
 */


/* ---------------------------------------------------------
   GENERAL
   --------------------------------------------------------- */

.ad__cont:not(.home-ad-card--vertical) {
    height: auto !important;
    min-height: 0 !important;

    max-width: 100% !important;

    background: transparent;

    border:
        1px solid rgba(0, 130, 222, .14);

    border-radius: 10px;

    overflow: hidden;

    transform: none !important;

    box-shadow: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.ad__cont:not(.home-ad-card--vertical) > a {
    display: block;

    width: 100%;
    height: auto;
}


.ad__cont:not(.home-ad-card--vertical) picture {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    min-height: 0 !important;
    max-height: none !important;

    overflow: hidden;
}


.ad__cont:not(.home-ad-card--vertical) picture img {
    display: block;

    width: 100% !important;
    height: auto !important;

    min-height: 0 !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: center !important;
}


/* ---------------------------------------------------------
   HORIZONTAL
   Full image, natural ratio, no forced 110px crop.
   --------------------------------------------------------- */

.ad__cont.horizontal:not(.home-ad-card--vertical) {
    width: 100% !important;

    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin-left: auto;
    margin-right: auto;
}


.ad__cont.horizontal:not(.home-ad-card--vertical) picture {
    min-height: 0 !important;
}


/* ---------------------------------------------------------
   VERTICAL
   Keep sidebar advertisements controlled instead of allowing
   a full-width portrait creative to become excessively tall.
   --------------------------------------------------------- */

.ad__cont.vertical:not(.home-ad-card--vertical) {
    width: 100% !important;

    min-width: 0 !important;
    max-width: 320px !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin-left: auto;
    margin-right: auto;
}


.ad__cont.vertical:not(.home-ad-card--vertical) picture {
    min-height: 0 !important;
    max-height: none !important;
}


/* ---------------------------------------------------------
   AD INDICATOR
   --------------------------------------------------------- */

.ad__cont:not(.home-ad-card--vertical) i.fa-ad {
    top: 8px !important;
    left: 8px !important;

    width: 28px;
    height: 24px;

    display: flex;

    align-items: center;
    justify-content: center;

    padding: 0;

    border-radius: 5px;

    background: rgba(17, 29, 42, .72);

    color: #fff !important;

    font-size: 12px !important;

    line-height: 1;

    z-index: 3;
}


/* ---------------------------------------------------------
   HOVER
   No scaling / no layout overlap.
   --------------------------------------------------------- */

@media (hover:hover) {

    .ad__cont:not(.home-ad-card--vertical):hover {
        transform: none !important;

        border-color:
            rgba(0, 130, 222, .42);

        box-shadow:
            0 7px 20px rgba(20, 48, 77, .09);
    }

}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1199.98px) {

    .ad__cont.vertical:not(.home-ad-card--vertical) {
        max-width: 290px !important;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 767.98px) {

    .ad__cont.horizontal:not(.home-ad-card--vertical) {
        border-radius: 8px;
    }


    .ad__cont.vertical:not(.home-ad-card--vertical) {
        max-width: 260px !important;

        border-radius: 8px;
    }

}

/* === ALEHSAN AD VISUAL NORMALIZATION END === */

/* === ALEHSAN CONNECT DUAL FOOTER MOBILE START === */


/* =========================================================
   HOME CONNECT — WHATSAPP + YOUTUBE
   ========================================================= */

.am-connect-home {
    padding-top: 18px;
    padding-bottom: 54px;
}


.am-connect-home-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;
}


.am-connect-card {
    position: relative;

    min-width: 0;
    min-height: 245px;

    display: flex;
    flex-direction: column;

    padding: 25px 25px 23px;

    overflow: hidden;

    border-radius: 18px;

    box-shadow:
        0 10px 30px rgba(23, 49, 78, .065);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}


.am-connect-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 5px;
    height: 100%;
}


/* WhatsApp */

.am-connect-card--whatsapp {
    background:
        linear-gradient(
            135deg,
            #ecfff4 0%,
            #ffffff 57%,
            #f5fff9 100%
        );

    border:
        1px solid rgba(37, 211, 102, .20);
}


.am-connect-card--whatsapp::before {
    background: #25D366;
}


/* YouTube */

.am-connect-card--youtube {
    background:
        linear-gradient(
            135deg,
            #fff1f1 0%,
            #ffffff 57%,
            #fff8f8 100%
        );

    border:
        1px solid rgba(232, 85, 62, .18);
}


.am-connect-card--youtube::before {
    background: #E8553E;
}


/* Icons */

.am-connect-card-icon {
    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 58px;

    margin-bottom: 18px;

    border-radius: 50%;

    color: #fff;

    font-size: 27px;
}


.am-connect-card--whatsapp
.am-connect-card-icon {
    background: #25D366;

    box-shadow:
        0 8px 20px rgba(37, 211, 102, .18);
}


.am-connect-card--youtube
.am-connect-card-icon {
    background: #E8553E;

    box-shadow:
        0 8px 20px rgba(232, 85, 62, .17);
}


/* Text */

.am-connect-kicker {
    display: block;

    margin-bottom: 5px;

    color: #68778a;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .06em;
    text-transform: uppercase;
}


.am-connect-card-copy h2 {
    margin: 0 0 9px;

    color: #17243a;

    font-size: clamp(19px, 1.5vw, 24px);
    font-weight: 800;

    line-height: 1.25;
}


.am-connect-card-copy p {
    max-width: 500px;

    margin: 0;

    color: #667588;

    font-size: 12px;
    line-height: 1.65;
}


.am-connect-card-action {
    margin-top: auto;
    padding-top: 19px;
}


/* Buttons */

.am-connect-btn {
    min-height: 42px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    padding: 9px 14px;

    border-radius: 8px;

    color: #fff !important;

    font-size: 11.5px;
    font-weight: 800;

    text-decoration: none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


.am-connect-btn--whatsapp {
    background: #128C7E;

    box-shadow:
        0 6px 16px rgba(18, 140, 126, .16);
}


.am-connect-btn--youtube {
    background: #E8553E;

    box-shadow:
        0 6px 16px rgba(232, 85, 62, .15);
}


@media (hover:hover) {

    .am-connect-card:hover {
        transform: translateY(-2px);

        box-shadow:
            0 14px 34px rgba(23, 49, 78, .09);
    }


    .am-connect-btn:hover {
        color: #fff !important;

        transform: translateY(-1px);
    }

}


/* =========================================================
   TABLET — KEEP BOTH CARDS SIDE BY SIDE
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199.98px) {

    .am-connect-home-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 15px;
    }


    .am-connect-card {
        min-height: 255px;

        padding: 22px;
    }

}


/* =========================================================
   MOBILE — CONNECT CARDS STACK
   ========================================================= */

@media (max-width: 767.98px) {

    .am-connect-home {
        padding-top: 12px;
        padding-bottom: 38px;
    }


    .am-connect-home-grid {
        grid-template-columns: 1fr;

        gap: 13px;
    }


    .am-connect-card {
        min-height: 0;

        padding: 20px 18px;

        border-radius: 14px;
    }


    .am-connect-card-icon {
        width: 50px;
        height: 50px;

        flex-basis: 50px;

        margin-bottom: 14px;

        font-size: 23px;
    }


    .am-connect-card-copy h2 {
        font-size: 19px;
    }


    .am-connect-card-action {
        padding-top: 15px;
    }


    .am-connect-btn {
        width: 100%;
    }

}


/* =========================================================
   FOOTER MOBILE
   Explore + Our Websites remain two columns.
   Other columns remain full width.
   ========================================================= */

@media (max-width: 767.98px) {

    .am-footer-main {
        padding:
            38px 0 32px;
    }


    .am-footer-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 12px !important;
        row-gap: 24px !important;
    }


    .am-footer-grid
    > .am-footer-column {
        grid-column:
            1 / -1;
    }


    .am-footer-grid
    > .am-footer-explore {
        grid-column:
            1 / 2 !important;

        padding: 15px 13px;

        border:
            1px solid rgba(255,255,255,.09);

        border-radius: 11px;

        background:
            rgba(255,255,255,.035);
    }


    .am-footer-grid
    > .am-footer-websites {
        grid-column:
            2 / 3 !important;

        padding: 15px 13px;

        border:
            1px solid rgba(255,255,255,.09);

        border-radius: 11px;

        background:
            rgba(255,255,255,.035);
    }


    .am-footer-explore h3,
    .am-footer-websites h3 {
        margin-top: 0;
        margin-bottom: 14px;

        padding-bottom: 8px;

        font-size: 14px;
    }


    .am-footer-explore
    .am-footer-links,

    .am-footer-websites
    .am-footer-links {
        margin: 0;
        padding: 0;
    }


    .am-footer-explore
    .am-footer-links li,

    .am-footer-websites
    .am-footer-links li {
        margin-bottom: 7px;
    }


    .am-footer-explore
    .am-footer-links a,

    .am-footer-websites
    .am-footer-links a {
        font-size: 11px;
        line-height: 1.4;

        overflow-wrap: anywhere;
    }

}


/* Very narrow mobile */

@media (max-width: 390px) {

    .am-footer-grid {
        column-gap: 9px !important;
    }


    .am-footer-grid
    > .am-footer-explore,

    .am-footer-grid
    > .am-footer-websites {
        padding: 13px 10px;
    }


    .am-footer-explore h3,
    .am-footer-websites h3 {
        font-size: 13px;
    }


    .am-footer-explore
    .am-footer-links a,

    .am-footer-websites
    .am-footer-links a {
        font-size: 10.5px;
    }

}


/* === ALEHSAN CONNECT DUAL FOOTER MOBILE END === */

/* === ALEHSAN FOOTER PREMIUM TYPOGRAPHY START === */


/* Main section headings */

.am-site-footer .am-footer-column h3 {
    font-size: 18px !important;
    font-weight: 750 !important;

    line-height: 1.25;
}


/* Standard footer navigation */

.am-site-footer .am-footer-links a {
    font-size: 12.75px !important;
    font-weight: 500;

    line-height: 1.55;
}


/* Brand description */

.am-site-footer .am-footer-about {
    font-size: 13px !important;

    line-height: 1.72;
}


/* Brand action buttons */

.am-site-footer .am-footer-brand-actions a {
    font-size: 11.75px !important;
}


/* Top blue connect strip */

.am-site-footer .am-footer-connect-copy span {
    font-size: 14px !important;
    font-weight: 700;
}

.am-site-footer .am-footer-connect-copy small {
    font-size: 11.5px !important;
}


/* Give the whole footer slightly stronger readability */

.am-site-footer {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


/* =========================================================
   MOBILE — premium but still compact
   ========================================================= */

@media (max-width: 767.98px) {

    .am-site-footer .am-footer-column h3 {
        font-size: 16px !important;
    }


    .am-site-footer .am-footer-links a {
        font-size: 12.25px !important;

        line-height: 1.48;
    }


    .am-site-footer .am-footer-about {
        font-size: 12.5px !important;
    }


    .am-footer-explore h3,
    .am-footer-websites h3 {
        font-size: 15px !important;
    }


    .am-footer-explore .am-footer-links a,
    .am-footer-websites .am-footer-links a {
        font-size: 12px !important;

        line-height: 1.45;
    }

}


/* Very narrow phones */

@media (max-width: 390px) {

    .am-footer-explore h3,
    .am-footer-websites h3 {
        font-size: 14px !important;
    }


    .am-footer-explore .am-footer-links a,
    .am-footer-websites .am-footer-links a {
        font-size: 11.5px !important;
    }

}


/* === ALEHSAN FOOTER PREMIUM TYPOGRAPHY END === */

/* === ALEHSAN INFO PAGES START === */


/* =========================================================
   HERO
   ========================================================= */

.am-info-hero {
    position: relative;

    padding: 52px 0 48px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 88% 15%,
            rgba(0, 130, 222, .16),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #071827 0%,
            #0c2539 55%,
            #103750 100%
        );

    color: #fff;
}


.am-info-hero::after {
    content: "";

    position: absolute;

    right: -90px;
    bottom: -150px;

    width: 330px;
    height: 330px;

    border:
        1px solid rgba(255,255,255,.07);

    border-radius: 50%;
}


.am-info-hero-inner {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 28px;
}


.am-info-hero-copy {
    max-width: 720px;
}


.am-info-eyebrow {
    display: inline-flex;

    margin-bottom: 9px;

    color: #82cfff;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .08em;
    text-transform: uppercase;
}


.am-info-hero h1 {
    margin: 0 0 10px;

    color: #fff;

    font-size:
        clamp(30px, 3.4vw, 46px);

    font-weight: 800;

    line-height: 1.12;
}


.am-info-hero p {
    max-width: 620px;

    margin: 0;

    color: rgba(255,255,255,.72);

    font-size: 13px;

    line-height: 1.7;
}


/* Breadcrumb */

.am-info-breadcrumb {
    display: flex;

    align-items: center;

    gap: 8px;

    margin: 0;
    padding: 0;

    list-style: none;

    white-space: nowrap;
}


.am-info-breadcrumb li {
    color: rgba(255,255,255,.62);

    font-size: 12px;
}


.am-info-breadcrumb li + li::before {
    content: "/";

    margin-right: 8px;

    color: rgba(255,255,255,.35);
}


.am-info-breadcrumb a {
    color: #fff;

    text-decoration: none;
}


/* =========================================================
   PAGE BODY
   ========================================================= */

.am-info-page {
    padding: 52px 0 28px;

    background:
        linear-gradient(
            180deg,
            #f7fbfe 0%,
            #ffffff 65%
        );
}


.am-info-card {
    max-width: 1040px;

    margin: 0 auto;

    padding: 38px 42px;

    background: #fff;

    border:
        1px solid rgba(0,130,222,.11);

    border-radius: 18px;

    box-shadow:
        0 12px 36px rgba(23,49,78,.065);
}


/* About identity */

.am-info-brand {
    display: flex;

    align-items: center;

    gap: 20px;
}


.am-info-brand-logo {
    width: 82px;
    height: 82px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 82px;

    overflow: hidden;

    border:
        1px solid rgba(0,130,222,.20);

    border-radius: 50%;

    background: #fff;

    box-shadow:
        0 7px 20px rgba(0,130,222,.09);
}


.am-info-brand-logo img {
    width: 100%;
    height: 100%;

    object-fit: contain;
}


.am-info-brand span,
.am-info-legal-heading span {
    display: block;

    margin-bottom: 4px;

    color: #0082DE;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .07em;

    text-transform: uppercase;
}


.am-info-brand h2,
.am-info-legal-heading h2 {
    margin: 0;

    color: #17243a;

    font-size:
        clamp(22px, 2vw, 29px);

    font-weight: 800;

    line-height: 1.25;
}


/* Legal icon heading */

.am-info-legal-heading {
    display: flex;

    align-items: center;

    gap: 18px;
}


.am-info-legal-icon {
    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 58px;

    border-radius: 14px;

    background: #ECF7FF;

    color: #0082DE;

    font-size: 23px;
}


/* Divider */

.am-info-divider {
    height: 1px;

    margin: 28px 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,130,222,.22),
            rgba(0,130,222,.04),
            transparent
        );
}


/* =========================================================
   ADMIN-MANAGED RICH CONTENT
   ========================================================= */

.am-info-content-title {
    margin: 0 0 20px;

    color: #17243a;

    font-size:
        clamp(21px, 2vw, 28px);

    font-weight: 800;
}


.am-info-richtext {
    color: #435268;

    font-size: 14px;

    line-height: 1.85;

    overflow-wrap: anywhere;
}


.am-info-richtext > :first-child {
    margin-top: 0 !important;
}


.am-info-richtext > :last-child {
    margin-bottom: 0 !important;
}


.am-info-richtext p {
    margin:
        0 0 16px;
}


.am-info-richtext h1,
.am-info-richtext h2,
.am-info-richtext h3,
.am-info-richtext h4,
.am-info-richtext h5,
.am-info-richtext h6 {
    margin:
        28px 0 12px;

    color: #18283c;

    font-weight: 800;

    line-height: 1.35;
}


.am-info-richtext h2 {
    font-size: 23px;
}


.am-info-richtext h3 {
    font-size: 19px;
}


.am-info-richtext h4 {
    font-size: 16px;
}


.am-info-richtext ul,
.am-info-richtext ol {
    margin:
        0 0 18px;

    padding-left: 22px;
}


.am-info-richtext li {
    margin-bottom: 7px;
}


.am-info-richtext a {
    color: #0082DE;

    text-decoration: underline;

    text-underline-offset: 3px;
}


.am-info-richtext blockquote {
    margin:
        22px 0;

    padding:
        16px 18px;

    border-left:
        4px solid #0082DE;

    border-radius:
        0 9px 9px 0;

    background: #F4FAFE;
}


/* Advertisement */

.am-info-ad-section {
    padding: 14px 0 52px;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    .am-info-hero {
        padding:
            36px 0 32px;
    }


    .am-info-hero-inner {
        align-items: flex-start;
        flex-direction: column;

        gap: 18px;
    }


    .am-info-hero h1 {
        font-size: 30px;
    }


    .am-info-hero p {
        font-size: 12.5px;
    }


    .am-info-page {
        padding:
            28px 0 18px;
    }


    .am-info-card {
        padding:
            24px 20px;

        border-radius: 14px;
    }


    .am-info-brand {
        align-items: flex-start;

        gap: 15px;
    }


    .am-info-brand-logo {
        width: 62px;
        height: 62px;

        flex-basis: 62px;
    }


    .am-info-legal-heading {
        align-items: flex-start;

        gap: 14px;
    }


    .am-info-legal-icon {
        width: 48px;
        height: 48px;

        flex-basis: 48px;

        border-radius: 11px;

        font-size: 19px;
    }


    .am-info-divider {
        margin:
            21px 0;
    }


    .am-info-richtext {
        font-size: 13px;

        line-height: 1.8;
    }


    .am-info-richtext h2 {
        font-size: 20px;
    }


    .am-info-richtext h3 {
        font-size: 17px;
    }


    .am-info-ad-section {
        padding-bottom: 35px;
    }

}


/* === ALEHSAN INFO PAGES END === */

/* === ALEHSAN CONTACT PAGE START === */


/* =========================================================
   CONTACT BODY
   ========================================================= */

.am-contact-page {
    padding: 52px 0 36px;

    background:
        linear-gradient(
            180deg,
            #f7fbfe 0%,
            #ffffff 100%
        );
}


.am-contact-shell {
    display: grid;

    grid-template-columns:
        minmax(260px, .82fr)
        minmax(0, 1.35fr);

    gap: 24px;

    max-width: 1080px;

    margin: 0 auto;
}


/* =========================================================
   LEFT INTRO
   ========================================================= */

.am-contact-intro {
    position: relative;

    padding: 34px 30px;

    overflow: hidden;

    border-radius: 18px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(0,130,222,.22),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #091c2c,
            #10354f
        );

    color: #fff;

    box-shadow:
        0 14px 36px rgba(18,45,68,.10);
}


.am-contact-brand-mark {
    width: 74px;
    height: 74px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 24px;

    overflow: hidden;

    border-radius: 50%;

    background: #fff;

    border:
        1px solid rgba(255,255,255,.22);
}


.am-contact-brand-mark img {
    width: 100%;
    height: 100%;

    object-fit: contain;
}


.am-contact-kicker {
    display: block;

    margin-bottom: 7px;

    color: #84d0ff;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .07em;
    text-transform: uppercase;
}


.am-contact-intro h2 {
    margin: 0 0 13px;

    color: #fff;

    font-size:
        clamp(23px, 2.2vw, 31px);

    font-weight: 800;

    line-height: 1.25;
}


.am-contact-intro > p {
    margin: 0;

    color: rgba(255,255,255,.70);

    font-size: 13px;

    line-height: 1.75;
}


.am-contact-points {
    display: grid;

    gap: 14px;

    margin-top: 30px;
}


.am-contact-point {
    display: grid;

    grid-template-columns:
        38px minmax(0,1fr);

    gap: 11px;

    align-items: flex-start;

    padding: 13px;

    border:
        1px solid rgba(255,255,255,.08);

    border-radius: 10px;

    background:
        rgba(255,255,255,.045);
}


.am-contact-point > i {
    width: 38px;
    height: 38px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background:
        rgba(0,130,222,.20);

    color: #8bd2ff;

    font-size: 14px;
}


.am-contact-point strong {
    display: block;

    margin-bottom: 3px;

    color: #fff;

    font-size: 12px;
}


.am-contact-point span {
    display: block;

    color: rgba(255,255,255,.60);

    font-size: 10.5px;

    line-height: 1.55;
}


/* =========================================================
   FORM CARD
   ========================================================= */

.am-contact-form-card {
    padding: 34px 36px;

    border:
        1px solid rgba(0,130,222,.11);

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 12px 36px rgba(23,49,78,.065);
}


.am-contact-form-heading {
    margin-bottom: 27px;
}


.am-contact-form-heading > span {
    display: block;

    margin-bottom: 5px;

    color: #0082DE;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .07em;

    text-transform: uppercase;
}


.am-contact-form-heading h2 {
    margin: 0 0 6px;

    color: #17243a;

    font-size:
        clamp(23px, 2vw, 29px);

    font-weight: 800;
}


.am-contact-form-heading p {
    margin: 0;

    color: #718094;

    font-size: 11.5px;
}


.am-contact-alert {
    margin-bottom: 20px;

    border-radius: 9px;

    font-size: 12px;
}


/* Form */

.am-contact-form {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 19px 17px;
}


.am-contact-field {
    min-width: 0;
}


.am-contact-field:nth-of-type(4) {
    grid-column:
        1 / -1;
}


.am-contact-field label {
    display: block;

    margin-bottom: 7px;

    color: #26384d;

    font-size: 12px;
    font-weight: 700;
}


.am-contact-field label span {
    color: #E8553E;
}


.am-contact-input {
    position: relative;
}


.am-contact-input > i {
    position: absolute;

    left: 14px;
    top: 50%;

    z-index: 2;

    transform:
        translateY(-50%);

    color: #8190a2;

    font-size: 13px;

    pointer-events: none;
}


.am-contact-input input,
.am-contact-input textarea {
    width: 100%;

    border:
        1px solid #dce6ee;

    border-radius: 9px;

    outline: none;

    background: #fbfdff;

    color: #26384d;

    font-size: 13px;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}


.am-contact-input input {
    min-height: 46px;

    padding:
        10px 13px 10px 40px;
}


.am-contact-input textarea {
    min-height: 130px;

    padding:
        13px 13px 13px 40px;

    resize: vertical;
}


.am-contact-textarea > i {
    top: 18px;

    transform: none;
}


.am-contact-input input:focus,
.am-contact-input textarea:focus {
    border-color:
        rgba(0,130,222,.55);

    background: #fff;

    box-shadow:
        0 0 0 3px rgba(0,130,222,.08);
}


.am-contact-turnstile {
    grid-column:
        1 / -1;

    overflow-x: auto;
}


.am-contact-submit {
    grid-column:
        1 / -1;

    min-height: 46px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    width: fit-content;

    padding:
        10px 19px;

    border: 0;

    border-radius: 9px;

    background: #E8553E;

    color: #fff;

    font-size: 12px;
    font-weight: 800;

    cursor: pointer;

    box-shadow:
        0 7px 18px rgba(232,85,62,.18);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


@media (hover:hover) {

    .am-contact-submit:hover {
        transform:
            translateY(-1px);

        box-shadow:
            0 10px 22px rgba(232,85,62,.23);
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    .am-contact-shell {
        grid-template-columns:
            minmax(220px, .75fr)
            minmax(0, 1.25fr);

        gap: 18px;
    }


    .am-contact-intro {
        padding:
            27px 23px;
    }


    .am-contact-form-card {
        padding:
            28px 25px;
    }


    .am-contact-form {
        grid-template-columns:
            1fr;
    }


    .am-contact-field:nth-of-type(4),
    .am-contact-turnstile,
    .am-contact-submit {
        grid-column:
            auto;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    .am-contact-page {
        padding:
            28px 0 30px;
    }


    .am-contact-shell {
        grid-template-columns:
            1fr;

        gap: 14px;
    }


    .am-contact-intro {
        padding:
            24px 20px;

        border-radius: 14px;
    }


    .am-contact-brand-mark {
        width: 60px;
        height: 60px;

        margin-bottom: 17px;
    }


    .am-contact-points {
        margin-top: 21px;
    }


    .am-contact-form-card {
        padding:
            24px 19px;

        border-radius: 14px;
    }


    .am-contact-form-heading {
        margin-bottom: 22px;
    }


    .am-contact-submit {
        width: 100%;
    }

}


/* === ALEHSAN CONTACT PAGE END === */

/* === ALEHSAN CONTACT POPULAR POLISH START === */

.am-contact-popular-modern {
    padding-top: 42px !important;
    padding-bottom: 58px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbfe 100%
        );
}


/* Heading */

.am-contact-popular-modern .section-heading {
    gap: 20px;

    margin-bottom: 25px;
}


.am-contact-popular-modern
.section-heading .heading-text {
    color: #17243a !important;

    font-size:
        clamp(25px, 2.4vw, 34px) !important;

    font-weight: 800 !important;
}


.am-contact-popular-modern
.section-heading .btn {
    min-height: 40px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 8px 13px;

    border:
        1px solid rgba(0,130,222,.17) !important;

    border-radius: 8px;

    background: #fff !important;

    color: #0082DE !important;

    font-size: 11px;
    font-weight: 800;

    box-shadow:
        0 5px 15px rgba(23,49,78,.04);
}


/* Main layout */

.am-contact-popular-modern
> .container
> .row {
    align-items: flex-start;
}


/* Vertical advertisement */

.am-contact-popular-modern
.ad__cont.vertical {
    margin-top: 0;

    border-radius: 12px;
}


/* Article cards */

.am-contact-popular-modern
.small-cards-container,

.am-contact-popular-modern
.medium-cards-container {
    overflow: hidden;

    border:
        1px solid rgba(0,130,222,.10);

    border-radius: 12px;

    background: #fff;

    box-shadow:
        0 7px 20px rgba(23,49,78,.05);
}


.am-contact-popular-modern
.small-cards-container {
    min-height: 132px;
}


.am-contact-popular-modern
.small-cards-container
.post-content {
    padding: 14px !important;
}


.am-contact-popular-modern
.small-cards-container h4 {
    font-size: 15px;

    line-height: 1.45;
}


.am-contact-popular-modern
.post-auth-date {
    margin-top: 9px;
}


.am-contact-popular-modern
.post-auth-date ul {
    flex-wrap: wrap;

    gap: 5px 12px;
}


.am-contact-popular-modern
.post-auth-date li,
.am-contact-popular-modern
.post-auth-date a {
    font-size: 10px;
}


/* Images */

.am-contact-popular-modern
.post-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* Remove aggressive old card zoom */

@media (hover:hover) {

    .am-contact-popular-modern
    .small-cards-container:hover img,

    .am-contact-popular-modern
    .medium-cards-container:hover img {
        transform: scale(1.025);
    }

}


/* Tablet */

@media (max-width: 1199.98px) {

    .am-contact-popular-modern
    > .container
    > .row {
        row-gap: 22px !important;
    }


    .am-contact-popular-modern
    .col-xl-3 {
        display: flex;

        justify-content: center;
    }

}


/* Mobile */

@media (max-width: 767.98px) {

    .am-contact-popular-modern {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }


    .am-contact-popular-modern
    .section-heading {
        align-items: flex-start !important;

        flex-direction: column;

        gap: 13px;

        margin-bottom: 20px;
    }


    .am-contact-popular-modern
    .section-heading .btn {
        width: 100%;
    }


    .am-contact-popular-modern
    .row.g-5 {
        --bs-gutter-y: 14px;
    }


    .am-contact-popular-modern
    .small-cards-container {
        min-height: 118px;
    }

}

/* === ALEHSAN CONTACT POPULAR POLISH END === */

/* === ALEHSAN INNER PAGE HERO START === */

.am-inner-page-hero {
    padding: 42px 0 40px;
}


.am-inner-page-hero .container {
    position: relative;
    z-index: 2;
}


.am-inner-page-hero-content {
    max-width: 900px;

    margin: 0 auto;

    text-align: center;
}


.am-inner-page-hero .am-info-eyebrow {
    margin-bottom: 8px;

    color: #83d1ff;
}


.am-inner-page-hero h1 {
    max-width: 860px;

    margin: 0 auto 10px;

    color: #fff;

    font-size:
        clamp(30px, 3.3vw, 45px);

    font-weight: 800;

    line-height: 1.15;
}


.am-inner-page-hero-subtitle {
    margin: 0 auto 15px !important;

    color: #8fd5ff !important;

    font-size: 13px !important;

    font-weight: 500;

    line-height: 1.55;
}


.am-inner-page-hero .am-info-breadcrumb {
    justify-content: center;
}


.am-inner-page-hero .am-info-breadcrumb li {
    color:
        rgba(255,255,255,.62);
}


.am-inner-page-hero .am-info-breadcrumb a {
    color: #fff;
}


.am-inner-page-hero::before {
    content: "";

    position: absolute;

    top: -95px;
    left: -95px;

    width: 245px;
    height: 245px;

    border:
        1px solid rgba(255,255,255,.055);

    border-radius: 50%;
}


.am-inner-page-hero::after {
    right: -75px;
    bottom: -145px;

    width: 300px;
    height: 300px;
}


@media (max-width: 767.98px) {

    .am-inner-page-hero {
        padding: 31px 0 29px;
    }


    .am-inner-page-hero h1 {
        font-size: 29px;
    }


    .am-inner-page-hero-subtitle {
        margin-bottom: 13px !important;

        font-size: 12px !important;
    }


    .am-inner-page-hero
    .am-info-breadcrumb {
        flex-wrap: wrap;

        justify-content: center;
    }

}

/* === ALEHSAN INNER PAGE HERO END === */

/* === ALEHSAN AUTH PAGE START === */


/* HERO */

.am-auth-hero {
    position: relative;

    padding: 42px 0 40px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 88% 15%,
            rgba(0,130,222,.16),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #071827 0%,
            #0c2539 55%,
            #103750 100%
        );

    color: #fff;
}


.am-auth-hero::after {
    content: "";

    position: absolute;

    right: -80px;
    bottom: -150px;

    width: 310px;
    height: 310px;

    border:
        1px solid rgba(255,255,255,.06);

    border-radius: 50%;
}


.am-auth-hero-content {
    position: relative;

    z-index: 2;

    max-width: 800px;

    margin: 0 auto;

    text-align: center;
}


.am-auth-hero h1 {
    margin: 0 0 9px;

    color: #fff;

    font-size:
        clamp(30px, 3.3vw, 45px);

    font-weight: 800;
}


.am-auth-hero p {
    margin: 0 auto 15px;

    color: #8fd5ff;

    font-size: 13px;

    line-height: 1.6;
}


.am-auth-hero
.am-info-breadcrumb {
    justify-content: center;
}


/* PAGE */

.am-auth-page {
    padding: 48px 0 58px;

    background:
        linear-gradient(
            180deg,
            #f6fbfe 0%,
            #ffffff 100%
        );
}


.am-auth-shell {
    display: grid;

    grid-template-columns:
        minmax(260px, .85fr)
        minmax(0, 1.25fr);

    gap: 22px;

    max-width: 1000px;

    margin: 0 auto;
}


/* INTRO */

.am-auth-intro {
    padding: 32px 28px;

    border-radius: 18px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(0,130,222,.22),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #091c2c,
            #10354f
        );

    color: #fff;

    box-shadow:
        0 14px 36px rgba(18,45,68,.10);
}


.am-auth-logo {
    width: 70px;
    height: 70px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 22px;

    overflow: hidden;

    border-radius: 50%;

    background: #fff;
}


.am-auth-logo img {
    width: 100%;
    height: 100%;

    object-fit: contain;
}


.am-auth-kicker {
    display: block;

    margin-bottom: 6px;

    color: #83d1ff;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .07em;

    text-transform: uppercase;
}


.am-auth-intro h2 {
    margin: 0 0 12px;

    color: #fff;

    font-size:
        clamp(23px, 2.1vw, 30px);

    font-weight: 800;

    line-height: 1.3;
}


.am-auth-intro > p {
    margin: 0;

    color: rgba(255,255,255,.70);

    font-size: 12.5px;

    line-height: 1.75;
}


.am-auth-note {
    display: grid;

    grid-template-columns:
        40px minmax(0, 1fr);

    gap: 12px;

    margin-top: 28px;

    padding: 14px;

    border:
        1px solid rgba(255,255,255,.08);

    border-radius: 11px;

    background:
        rgba(255,255,255,.045);
}


.am-auth-note > i {
    width: 40px;
    height: 40px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background:
        rgba(0,130,222,.20);

    color: #8bd2ff;
}


.am-auth-note strong {
    display: block;

    margin-bottom: 3px;

    color: #fff;

    font-size: 12px;
}


.am-auth-note span {
    display: block;

    color: rgba(255,255,255,.60);

    font-size: 10.5px;

    line-height: 1.55;
}


/* FORM CARD */

.am-auth-card {
    padding: 34px 36px;

    border:
        1px solid rgba(0,130,222,.11);

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 12px 36px rgba(23,49,78,.065);
}


.am-auth-card-heading {
    margin-bottom: 27px;
}


.am-auth-card-heading > span {
    display: block;

    margin-bottom: 5px;

    color: #0082DE;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .07em;

    text-transform: uppercase;
}


.am-auth-card-heading h2 {
    margin: 0 0 6px;

    color: #17243a;

    font-size:
        clamp(23px, 2vw, 29px);

    font-weight: 800;
}


.am-auth-card-heading p {
    margin: 0;

    color: #718094;

    font-size: 11.5px;
}


.am-auth-form {
    display: grid;

    gap: 19px;
}


.am-auth-field label {
    display: block;

    margin-bottom: 7px;

    color: #26384d;

    font-size: 12px;
    font-weight: 700;
}


.am-auth-field label span {
    color: #E8553E;
}


.am-auth-input {
    position: relative;
}


.am-auth-input > i {
    position: absolute;

    left: 14px;
    top: 50%;

    transform: translateY(-50%);

    color: #8190a2;

    font-size: 13px;
}


.am-auth-input input {
    width: 100%;

    min-height: 47px;

    padding:
        10px 44px 10px 40px;

    border:
        1px solid #dce6ee;

    border-radius: 9px;

    outline: none;

    background: #fbfdff;

    color: #26384d;

    font-size: 13px;
}


.am-auth-input input:focus {
    border-color:
        rgba(0,130,222,.55);

    background: #fff;

    box-shadow:
        0 0 0 3px rgba(0,130,222,.08);
}


.am-auth-password-toggle {
    position: absolute;

    right: 10px;
    top: 50%;

    width: 34px;
    height: 34px;

    transform: translateY(-50%);

    border: 0;

    background: transparent;

    color: #6f7e90;

    cursor: pointer;
}


.am-auth-options {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    font-size: 11.5px;
}


.am-auth-remember {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #526174;
}


.am-auth-forgot {
    color: #0082DE;

    font-weight: 700;

    text-decoration: none;
}


.am-auth-submit {
    min-height: 47px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 9px;

    width: fit-content;

    padding: 10px 20px;

    border: 0;

    border-radius: 9px;

    background: #E8553E;

    color: #fff;

    font-size: 12px;
    font-weight: 800;

    cursor: pointer;
}


/* CONTRIBUTOR CTA */

.am-auth-contributor {
    display: grid;

    grid-template-columns:
        60px minmax(0,1fr) auto;

    align-items: center;

    gap: 19px;

    max-width: 1000px;

    margin: 22px auto 0;

    padding: 19px 22px;

    border:
        1px solid rgba(0,130,222,.12);

    border-radius: 14px;

    background: #fff;

    box-shadow:
        0 8px 24px rgba(23,49,78,.045);
}


.am-auth-contributor-icon {
    width: 56px;
    height: 56px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #ECF7FF;
}


.am-auth-contributor-icon img {
    max-width: 34px;
    max-height: 34px;
}


.am-auth-contributor-copy > span {
    display: block;

    margin-bottom: 3px;

    color: #0082DE;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .06em;

    text-transform: uppercase;
}


.am-auth-contributor-copy h2 {
    margin: 0 0 4px;

    color: #17243a;

    font-size: 16px;

    font-weight: 800;
}


.am-auth-contributor-copy p {
    margin: 0;

    color: #718094;

    font-size: 11px;

    line-height: 1.6;
}


.am-auth-contact-btn {
    min-height: 40px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    padding: 8px 13px;

    border-radius: 8px;

    background: #0082DE;

    color: #fff !important;

    font-size: 11px;
    font-weight: 800;

    text-decoration: none !important;

    white-space: nowrap;
}


/* RESPONSIVE */

@media (max-width: 767.98px) {

    .am-auth-hero {
        padding: 31px 0 29px;
    }


    .am-auth-page {
        padding: 28px 0 40px;
    }


    .am-auth-shell {
        grid-template-columns: 1fr;

        gap: 14px;
    }


    .am-auth-intro {
        padding: 24px 20px;

        border-radius: 14px;
    }


    .am-auth-card {
        padding: 24px 19px;

        border-radius: 14px;
    }


    .am-auth-options {
        align-items: flex-start;

        flex-direction: column;
    }


    .am-auth-submit {
        width: 100%;
    }


    .am-auth-contributor {
        grid-template-columns:
            48px minmax(0,1fr);

        padding: 17px;

        gap: 14px;
    }


    .am-auth-contributor-icon {
        width: 46px;
        height: 46px;
    }


    .am-auth-contact-btn {
        grid-column: 1 / -1;

        width: 100%;
    }

}

/* === ALEHSAN AUTH PAGE END === */

/* === ALEHSAN AUTH UTILITY START === */

.am-auth-shell--single {
    display: grid;

    grid-template-columns:
        minmax(0, 620px);

    justify-content: center;

    max-width: 760px;
}


.am-auth-card--utility {
    width: 100%;
}


.am-auth-utility-icon {
    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin:
        0 auto 18px;

    border-radius: 14px;

    background: #ECF7FF;

    color: #0082DE;

    font-size: 22px;
}


.am-auth-utility-heading {
    max-width: 500px;

    margin:
        0 auto 27px;

    text-align: center;
}


.am-auth-utility-heading p {
    max-width: 460px;

    margin: 0 auto;

    line-height: 1.65;
}


.am-auth-form--utility
.am-auth-submit {
    width: 100%;
}


.am-auth-back-link {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    width: 100%;

    margin-top: 18px;

    color: #0082DE !important;

    font-size: 11.5px;
    font-weight: 700;

    text-decoration: none !important;
}


.am-auth-back-link:hover {
    text-decoration: underline !important;

    text-underline-offset: 3px;
}


@media (max-width: 767.98px) {

    .am-auth-card--utility {
        padding:
            24px 19px;
    }


    .am-auth-utility-icon {
        width: 50px;
        height: 50px;

        margin-bottom: 15px;

        font-size: 19px;
    }

}

/* === ALEHSAN AUTH UTILITY END === */

/* === ALEHSAN AUTHOR ABOUT CARD START === */

/*
 * About Author tab only.
 * Keeps stored biography/TinyMCE formatting intact while
 * providing a professional reading width and visual container.
 */

.author__tab__data[data-id="tab-2"] .section-heading {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}


.author__tab__data[data-id="tab-2"] .author__profile__container {
    width: calc(100% - 30px);
    max-width: 1120px;

    margin:
        28px auto 56px !important;

    padding:
        clamp(26px, 3vw, 44px)
        clamp(22px, 4vw, 54px);

    border:
        1px solid rgba(0, 130, 222, .12);

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 12px 34px rgba(24, 55, 82, .065);
}


.author__tab__data[data-id="tab-2"]
.author__profile__container
.content__block {
    width: 100%;

    max-width: none;

    margin: 0;

    padding: 0;
}


.author__tab__data[data-id="tab-2"]
.author__profile__container
.content__block__text {
    width: 100%;

    max-width: 980px;

    margin-left: auto;
    margin-right: auto;
}


/*
 * Do not force text-align here.
 * Existing Urdu/TinyMCE alignment remains authoritative.
 */

.author__tab__data[data-id="tab-2"]
.author__profile__container
.content__block__text img {
    max-width: 100%;
    height: auto;
}


.author__tab__data[data-id="tab-2"]
.author__profile__container
.content__block__text table {
    max-width: 100%;
}


@media (max-width: 767.98px) {

    .author__tab__data[data-id="tab-2"]
    .author__profile__container {
        width: calc(100% - 24px);

        margin:
            18px auto 38px !important;

        padding:
            23px 18px;

        border-radius: 14px;
    }

}

/* === ALEHSAN AUTHOR ABOUT CARD END === */


/* =========================================================
   ALEHSAN TYPOGRAPHY REFINEMENT 20260814
   Focused visual balancing only.
========================================================= */


/* ---------------------------------------------------------
   HOME — Urdu editorial titles
   Slightly reduce oversized Nastaleeq headlines.
--------------------------------------------------------- */

.home-v3 article.urdu h3 {
    font-size: clamp(19px, 1.25vw, 23px) !important;
    line-height: 1.65 !important;
}


/* ---------------------------------------------------------
   HOME — Authors & Contributors
   Use official Urdu/Nastaleeq typography when urdu_name exists.
--------------------------------------------------------- */

.home-authors-section
.home-author-card
h3.urdu {
    font-family: var(--urdu) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}


/* ---------------------------------------------------------
   HOME — WhatsApp / YouTube connect descriptions
--------------------------------------------------------- */

.am-connect-card-copy p {
    font-size: 15px !important;
    line-height: 1.65 !important;
}


/* ---------------------------------------------------------
   AUTHOR DIRECTORY — location readability
--------------------------------------------------------- */

.am-author-directory-location {
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.am-author-directory-location span {
    font-size: inherit !important;
}


/* ---------------------------------------------------------
   AUTHOR PROFILE HERO — Urdu name balance
--------------------------------------------------------- */

.am-author-profile-name.urdu {
    font-size: clamp(28px, 2.1vw, 34px) !important;
    line-height: 1.45 !important;
}


/* ---------------------------------------------------------
   AUTHOR PROFILE HERO — short Urdu introduction
--------------------------------------------------------- */

.am-author-profile-intro.urdu {
    font-family: var(--urdu) !important;
    font-size: clamp(18px, 1.35vw, 21px) !important;
    line-height: 1.9 !important;
}


/* ---------------------------------------------------------
   AUTHOR ABOUT — reading body
   Keep headings unchanged; slightly reduce biography body.
--------------------------------------------------------- */

.author__tab__data[data-id="tab-2"]
.author__profile__container
.content__block__text.urdu p,
.author__tab__data[data-id="tab-2"]
.author__profile__container
.content__block__text.urdu li {
    font-size: 20px !important;
    line-height: 2.05 !important;
}


/* ---------------------------------------------------------
   RESPONSIVE TYPOGRAPHY
--------------------------------------------------------- */

@media (max-width: 767.98px) {

    .home-v3 article.urdu h3 {
        font-size: 19px !important;
        line-height: 1.65 !important;
    }

    .home-authors-section
    .home-author-card
    h3.urdu {
        font-size: 17px !important;
    }

    .am-connect-card-copy p {
        font-size: 14px !important;
    }

    .am-author-directory-location {
        font-size: 12.5px !important;
    }

    .am-author-profile-name.urdu {
        font-size: 28px !important;
    }

    .am-author-profile-intro.urdu {
        font-size: 18px !important;
        line-height: 1.85 !important;
    }

    .author__tab__data[data-id="tab-2"]
    .author__profile__container
    .content__block__text.urdu p,
    .author__tab__data[data-id="tab-2"]
    .author__profile__container
    .content__block__text.urdu li {
        font-size: 19px !important;
        line-height: 2 !important;
    }

}

/* === ALEHSAN TYPOGRAPHY REFINEMENT END === */


/* =========================================================
   ALEHSAN BOOK COMMENT ICON FIX 20260814
   Scoped only to Book Detail comment form.
========================================================= */

.am-book-comment-form
.input-list__block input,
.am-book-comment-form
.input-list__block textarea {
    padding-inline-start: 56px !important;
    padding-inline-end: 16px !important;
}


.am-book-comment-form
.input-list__block > i {
    left: 5px !important;
    width: 42px !important;
    height: 45px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    pointer-events: none;
    z-index: 2;
}


.am-book-comment-form
.input-list__block.__textarea > i {
    top: 8px !important;
}


/* Keep placeholder and typed text comfortably clear of icon */
.am-book-comment-form
.input-list__block input::placeholder,
.am-book-comment-form
.input-list__block textarea::placeholder {
    opacity: .78;
}


/* Mobile keeps same safe separation */
@media (max-width: 767.98px) {

    .am-book-comment-form
    .input-list__block input,
    .am-book-comment-form
    .input-list__block textarea {
        padding-inline-start: 52px !important;
    }

}

/* === ALEHSAN BOOK COMMENT ICON FIX END === */

/* ==========================================================
   ALEHSAN MEDIA — STANDARD EDITORIAL CARD IMAGE
   Article / News / Kalam / Sufiya thumbnail = 500x500
   ========================================================== */

.post__listing__card__image:not(.is-video-article) {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
}

.post__listing__card__image:not(.is-video-article) img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/*
 * Mixed Video Articles may use the same listing markup.
 * Keep their native YouTube presentation.
 */
.post__listing__card__image.is-video-article,
.post__listing__card__image:has(.mixed-video-play) {
    aspect-ratio: 16 / 9 !important;
}

/* Related editorial cards must also respect the square source */
.am-related-articles .post__listing__card__image:not(.is-video-article) {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
}


/* ==========================================================
   ALEHSAN MEDIA — LEGACY EDITORIAL 1X1 CARD STANDARD

   Editorial card source:
   500x500 thumbnail

   Excludes:
   Video Articles, Playlists, Books and Advertisements
   ========================================================== */

.post-image.is-editorial-thumb {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.post-image.is-editorial-thumb > a {
    display: block;
    width: 100%;
    height: 100%;
}

.post-image.is-editorial-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Large legacy editorial cards */
.medium-cards-container:has(.post-image.is-editorial-thumb) {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1;
}


/* Mixed Video Articles keep YouTube ratio */
.medium-cards-container:has(.post-image.is-video-article) {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
}

.medium-cards-container .post-image.is-video-article {
    aspect-ratio: 16 / 9;
}


/* Small horizontal editorial cards */
.small-cards-container .post-image.is-editorial-thumb {
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
}


/* Mobile stacked cards */
@media (max-width: 767px) {

    .small-cards-container .post-image.is-editorial-thumb {
        width: 100%;
        max-width: none;
        aspect-ratio: 1 / 1;
    }

}


/* ==========================================================
   ALEHSAN MEDIA — MODERN POST META AND SHARE SHEET
   ========================================================== */


/* ----------------------------------------------------------
   POST META BAR
   ---------------------------------------------------------- */

.post__content__section .post__info {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap;

    margin-top: 18px;
    padding: 10px 12px !important;

    border: 1px solid rgba(23, 49, 78, .10) !important;
    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98),
            rgba(247,250,253,.98)
        );

    box-shadow:
        0 8px 28px rgba(23,49,78,.055);
}


.post__content__section .post__info__list {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;

    gap: 7px !important;

    padding: 0 !important;
    margin: 0 !important;
}


.post__content__section .post__info__list li,
.post__content__section .post__info__list li a {
    display: inline-flex !important;
    align-items: center;
}


.post__content__section .post__info__list li {
    min-height: 38px;

    gap: 7px;

    padding: 8px 11px !important;

    border: 0 !important;
    border-radius: 10px;

    color: #526171;

    background: transparent;

    font-size: 13px;
    font-weight: 650;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


.post__content__section .post__info__list li::after {
    display: none !important;
}


.post__content__section .post__info__list li i {
    display: inline-grid;
    place-items: center;

    width: 27px;
    height: 27px;

    flex: 0 0 27px;

    border-radius: 8px;

    color: #0082de;
    background: rgba(0,130,222,.09);

    font-size: 12px;
}


.post__content__section .post__info__list li a {
    gap: 7px;

    padding: 0 !important;

    color: inherit !important;
    background: transparent !important;

    font-weight: 700;

    text-decoration: none;
}


.post__content__section .post__info__list li:hover {
    color: #172f4c;

    background: rgba(0,130,222,.065);

    transform: translateY(-1px);
}


/* Share CTA */

.post__content__section
.post__info__list
.countbtnshare.am-post-share-trigger {
    cursor: pointer;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #0082de,
            #006fbe
        ) !important;

    box-shadow:
        0 7px 18px rgba(0,130,222,.18);
}


.post__content__section
.post__info__list
.countbtnshare.am-post-share-trigger i {
    color: #fff;

    background: rgba(255,255,255,.17);
}


.post__content__section
.post__info__list
.countbtnshare.am-post-share-trigger:hover {
    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #0076ca,
            #0062a9
        ) !important;

    transform: translateY(-1px);
}


.am-post-share-label {
    font-weight: 800;
}


.am-post-share-count {
    display: inline-grid;
    place-items: center;

    min-width: 22px;
    height: 22px;

    padding: 0 6px;

    border-radius: 999px;

    background: rgba(255,255,255,.18);

    font-size: 11px;
    line-height: 1;
}


/* ----------------------------------------------------------
   SHARE MODAL
   ---------------------------------------------------------- */

.am-share-modal {
    --am-share-text: #172f4c;
    --am-share-muted: #6a7888;
    --am-share-border: rgba(23,49,78,.10);
    --am-share-soft: #f5f8fb;
    --am-share-primary: #0082de;
}


.am-share-dialog {
    width: min(92vw, 590px);
    max-width: 590px;

    margin-inline: auto;
}


.am-share-panel {
    overflow: hidden;

    border: 1px solid var(--am-share-border);
    border-radius: 22px;

    background: #fff;

    box-shadow:
        0 26px 80px rgba(14,34,58,.20);

    padding: 22px;
}


.am-share-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 15px;

    margin-bottom: 22px;
}


.am-share-heading {
    display: flex;
    align-items: center;

    gap: 13px;
}


.am-share-heading-icon {
    display: grid;
    place-items: center;

    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    border-radius: 13px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #0082de,
            #006cb8
        );

    box-shadow:
        0 9px 22px rgba(0,130,222,.20);
}


.am-share-heading h2 {
    margin: 0;

    color: var(--am-share-text);

    font-size: 20px;
    line-height: 1.25;
    font-weight: 850;
}


.am-share-heading p {
    margin: 4px 0 0;

    color: var(--am-share-muted);

    font-size: 12px;
    line-height: 1.5;
}


.am-share-close {
    display: grid;
    place-items: center;

    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    border: 0;
    border-radius: 50%;

    color: #677586;
    background: #f1f4f7;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


.am-share-close:hover {
    color: #172f4c;
    background: #e7edf3;
    transform: rotate(4deg);
}


/* Networks */

.am-share-networks {
    display: grid;

    grid-template-columns:
        repeat(6, minmax(0, 1fr));

    gap: 9px;
}


.am-share-network {
    appearance: none;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-width: 0;
    min-height: 92px;

    padding: 10px 5px;

    border: 1px solid var(--am-share-border);
    border-radius: 14px;

    color: var(--am-share-text);
    background: #fff;

    font-family: inherit;
    font-size: 11px;
    font-weight: 750;

    text-decoration: none !important;
    cursor: pointer;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease,
        background .2s ease;
}


.am-share-network:hover {
    color: var(--am-share-text);

    border-color: rgba(0,130,222,.18);

    background: #fbfdff;

    box-shadow:
        0 10px 24px rgba(23,49,78,.075);

    transform: translateY(-2px);
}


.am-share-network-icon {
    display: grid;
    place-items: center;

    width: 42px;
    height: 42px;

    border-radius: 13px;

    font-size: 19px;
}


.am-share-network--facebook .am-share-network-icon {
    color: #1877f2;
    background: rgba(24,119,242,.10);
}


.am-share-network--whatsapp .am-share-network-icon {
    color: #128c7e;
    background: rgba(37,211,102,.12);
}


.am-share-network--x .am-share-network-icon {
    color: #111;
    background: rgba(17,17,17,.08);
}


.am-share-network--telegram .am-share-network-icon {
    color: #229ed9;
    background: rgba(34,158,217,.11);
}


.am-share-network--linkedin .am-share-network-icon {
    color: #0a66c2;
    background: rgba(10,102,194,.10);
}


.am-share-network--native .am-share-network-icon {
    color: #6d48c7;
    background: rgba(109,72,199,.10);
}


/* Divider */

.am-share-divider {
    display: flex;
    align-items: center;

    gap: 10px;

    margin: 20px 0 13px;

    color: #8a96a3;

    font-size: 10px;
    font-weight: 750;

    text-transform: uppercase;
    letter-spacing: .08em;
}


.am-share-divider::before,
.am-share-divider::after {
    content: "";

    height: 1px;

    flex: 1;

    background: var(--am-share-border);
}


/* Copy URL */

.am-share-copy {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) auto;

    gap: 9px;
}


.am-share-url {
    display: flex;
    align-items: center;

    gap: 9px;

    min-width: 0;
    height: 46px;

    padding: 0 13px;

    border: 1px solid var(--am-share-border);
    border-radius: 12px;

    color: #647284;
    background: var(--am-share-soft);

    font-size: 12px;
}


.am-share-url i {
    flex: 0 0 auto;

    color: var(--am-share-primary);
}


.am-share-url span {
    overflow: hidden;

    min-width: 0;

    white-space: nowrap;
    text-overflow: ellipsis;
}


.am-share-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-width: 92px;
    height: 46px;

    padding: 0 15px;

    border: 0;
    border-radius: 12px;

    color: #fff;

    background:
        linear-gradient(
            135deg,
            #0082de,
            #006cb8
        );

    font-size: 12px;
    font-weight: 800;

    cursor: pointer;

    box-shadow:
        0 8px 20px rgba(0,130,222,.16);
}


.am-share-copy-btn.is-copied {
    background:
        linear-gradient(
            135deg,
            #199b61,
            #11804e
        );
}


.am-share-feedback {
    min-height: 17px;

    margin-top: 8px;

    color: #168552;

    font-size: 11px;
    font-weight: 700;

    text-align: right;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 767.98px) {

    .post__content__section .post__info {
        align-items: stretch;

        padding: 8px !important;

        border-radius: 12px;
    }


    .post__content__section .post__info__list {
        width: 100%;
    }


    .post__content__section .post__info__list li {
        min-height: 36px;

        padding: 7px 9px !important;

        font-size: 12px;
    }


    .post__content__section
    .post__info__list
    .countbtnshare.am-post-share-trigger {
        margin-inline-start: auto;
    }


    .am-share-dialog {
        width: 100%;
        max-width: none;

        margin: auto 0 0;
    }


    .am-share-panel {
        border-radius: 22px 22px 0 0;

        padding:
            19px 15px
            max(17px, env(safe-area-inset-bottom));
    }


    .am-share-networks {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));

        gap: 8px;
    }


    .am-share-network {
        min-height: 82px;
    }

}


@media (max-width: 420px) {

    .am-post-share-label {
        display: none;
    }


    .am-share-heading h2 {
        font-size: 18px;
    }


    .am-share-heading p {
        font-size: 11px;
    }


    .am-share-copy {
        grid-template-columns: 1fr;
    }


    .am-share-copy-btn {
        width: 100%;
    }

}


/* ==========================================================
   ALEHSAN MEDIA — X SHARE SVG ICON
   Independent of Font Awesome version
   ========================================================== */

.am-share-network--x .am-x-icon {
    display: block;
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.am-share-network--x .am-share-network-icon {
    color: #111;
}

/* ==========================================================
   ALEHSAN MEDIA — ALL ARTICLES 2X2 FEATURE CARDS
   ========================================================== */

.am-modern-feature-card {
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(18,45,72,.09);
    border-radius: 18px;
    box-shadow: 0 10px 32px rgba(18,45,72,.07);
    transition: .25s ease;
}

.am-modern-feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(18,45,72,.11);
}

.am-modern-feature-card__image {
    display: block;
    width: 100%;
    aspect-ratio: 1200 / 630;
    overflow: hidden;
    background: #eef2f5;
}

.am-modern-feature-card__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .3s ease;
}

.am-modern-feature-card:hover .am-modern-feature-card__image img {
    transform: scale(1.02);
}

.am-modern-feature-card__content {
    padding: 18px 20px;
}

.am-modern-feature-card__meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: #718091;
    font-size: 12px;
}

.am-modern-feature-card__category {
    display: inline-flex;
    padding: 6px 11px;
    border-radius: 30px;
    background: rgba(0,130,222,.09);
    color: #0079cf;
    font-weight: 800;
}

.am-modern-feature-card h3 {
    margin: 0 0 18px;
    color: #152d49;
    font-size: clamp(1.15rem,1.5vw,1.45rem);
    line-height: 1.45;
    font-weight: 800;
}

.am-modern-feature-card__content.urdu h3,
.am-modern-feature-card__content.arabic h3 {
    line-height: 1.9;
}

.am-modern-feature-card__content.hindi h3 {
    line-height: 1.6;
}

.am-modern-feature-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-top: 14px;
    border-top: 1px solid rgba(18,45,72,.08);
    font-size: 12px;
}

.am-modern-feature-card__footer a {
    color: #667587;
    text-decoration: none;
}

.am-modern-feature-card__footer i {
    margin-inline-end: 5px;
    color: #0082de;
}

.am-modern-feature-card__read {
    color: #0082de !important;
    font-weight: 800;
}

.am-modern-feature-card__read i {
    margin-inline-start: 5px;
    margin-inline-end: 0;
}

@media (max-width: 767.98px) {
    .am-modern-feature-card {
        border-radius: 15px;
    }

    .am-modern-feature-card__content {
        padding: 15px;
    }
}

/* ==========================================================
   ALEHSAN MEDIA — COMPACT 3-COLUMN FEATURE CARDS
   ========================================================== */

@media (min-width: 1200px) {

    .am-modern-featured .am-modern-feature-card__content {
        padding: 15px 16px 16px;
    }

    .am-modern-featured .am-modern-feature-card__meta {
        margin-bottom: 11px;
        font-size: 10.5px;
    }

    .am-modern-featured .am-modern-feature-card__category {
        padding: 5px 9px;
        font-size: 10px;
    }

    .am-modern-featured .am-modern-feature-card h3 {
        display: -webkit-box;
        overflow: hidden;

        margin-bottom: 14px;

        font-size: 1.08rem;

        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .am-modern-featured .am-modern-feature-card__content.urdu h3,
    .am-modern-featured .am-modern-feature-card__content.arabic h3 {
        line-height: 1.8;
    }

    .am-modern-featured .am-modern-feature-card__footer {
        padding-top: 11px;
        font-size: 10.5px;
    }

}


/* ==========================================================
   ALEHSAN MEDIA — UNIFIED MODERN COMMENTS
   ========================================================== */

.am-comment-jump {
    cursor: pointer;
}

.am-comment-jump:focus-visible {
    outline: 2px solid #0082de;
    outline-offset: 3px;
}


/* Main comment card */

.comment__box.am-comments-family {
    scroll-margin-top: 110px;
    position: relative;

    margin-top: 34px;
    padding: 24px;

    border: 1px solid rgba(23, 49, 78, .09);
    border-radius: 20px;

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fbfdff 100%
    );

    box-shadow:
        0 12px 38px rgba(23, 49, 78, .065);

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}


/* Highlight after comment-counter click */

.comment__box.am-comments-family.is-am-comment-focus {
    border-color: rgba(0, 130, 222, .32);

    box-shadow:
        0 0 0 4px rgba(0, 130, 222, .07),
        0 16px 42px rgba(23, 49, 78, .09);
}


/* Comments heading */

.am-comments-family .single-post__comment {
    margin: 0 0 20px !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am-comments-family
.single-post__comment
.widget__title {
    margin: 0 !important;
}

.am-comments-family
.single-post__comment
.widget__title h4 {
    display: flex;
    align-items: center;
    gap: 9px;

    margin: 0 !important;

    color: #152d49;

    font-size: 1.22rem;
    line-height: 1.3;
    font-weight: 800;
}

.am-comments-family
.single-post__comment
.widget__title h4 > i {
    display: grid;
    place-items: center;

    width: 36px;
    height: 36px;

    flex: 0 0 36px;

    border-radius: 11px;

    color: #0082de;
    background: rgba(0, 130, 222, .09);

    font-size: 15px;
}

.am-comments-family
.single-post__comment
.widget__title h4 > span {
    display: inline-grid;
    place-items: center;

    min-width: 25px;
    height: 25px;

    padding-inline: 7px;

    border-radius: 999px;

    color: #fff;
    background: #0082de;

    font-size: 11px;
    font-weight: 800;
}


/* Existing comments */

.am-comments-family
.single-post__author__profile {
    margin: 0 0 12px !important;
    padding: 16px 17px !important;

    border: 1px solid rgba(23, 49, 78, .075) !important;
    border-radius: 14px !important;

    background: #fff !important;

    box-shadow:
        0 5px 18px rgba(23, 49, 78, .035) !important;
}

.am-comments-family
.single-post__author__profile__pic {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    overflow: hidden;

    border-radius: 50%;
    background: #edf3f8;
}

.am-comments-family
.single-post__author__profile__pic img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.am-comments-family
.single-post__author__profile h6 {
    margin: 0 !important;

    color: #193451;

    font-size: 13px;
    font-weight: 800;
}

.am-comments-family
.single-post__author__profile__text {
    margin-top: 9px;
}

.am-comments-family
.single-post__author__profile__text p {
    margin: 0 !important;

    color: #5d6c7c;

    font-size: 14px;
    line-height: 1.7;

    overflow-wrap: anywhere;
}


/* Leave Comment panel */

.am-comments-family
.single-post__leave__comment {
    margin-top: 24px !important;
    padding: 22px !important;

    border: 1px solid rgba(0, 130, 222, .10) !important;
    border-radius: 16px !important;

    background: #f7fafc !important;

    box-shadow: none !important;
}

.am-comments-family
.single-post__leave__comment
.widget__title {
    margin: 0 0 18px !important;
}

.am-comments-family
.single-post__leave__comment
.widget__title h4 {
    margin: 0 !important;

    color: #152d49;

    font-size: 1.12rem;
    font-weight: 800;
}


/* Name / email / phone row */

.am-comments-family
.single-post__leave__comment
.input-list {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px !important;

    margin-bottom: 12px;
}

.am-comments-family
.input-list__block {
    position: relative;

    width: 100% !important;
}


/* Form controls */

.am-comments-family
.input-list__block input,
.am-comments-family
.input-list__block textarea {
    width: 100% !important;

    border: 1px solid rgba(23, 49, 78, .12) !important;
    border-radius: 11px !important;

    color: #233b55 !important;
    background: #fff !important;

    box-shadow: none !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.am-comments-family
.input-list__block input {
    min-height: 48px !important;

    padding:
        0 14px
        0 43px !important;
}

.am-comments-family
.input-list__block textarea {
    min-height: 130px !important;

    padding:
        14px 14px
        14px 43px !important;

    resize: vertical;
}


/* Input icons */

.am-comments-family
.input-list__block > i {
    position: absolute !important;

    top: 50% !important;
    left: 15px !important;

    z-index: 2;

    color: #8090a1 !important;

    font-size: 13px !important;

    transform: translateY(-50%) !important;

    pointer-events: none;
}

.am-comments-family
.input-list__block.__textarea > i {
    top: 18px !important;

    transform: none !important;
}


/* Focus */

.am-comments-family
.input-list__block input:focus,
.am-comments-family
.input-list__block textarea:focus {
    border-color: rgba(0, 130, 222, .55) !important;

    outline: 0 !important;

    box-shadow:
        0 0 0 3px rgba(0, 130, 222, .08) !important;
}


/* Turnstile */

.am-comments-family .cf-turnstile {
    max-width: 100%;
    overflow: hidden;
}


/* Submit */

.am-comments-family button[type="submit"] {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 46px;

    padding: 11px 18px !important;

    border: 0 !important;
    border-radius: 11px !important;

    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            #0082de,
            #006ab5
        ) !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    box-shadow:
        0 8px 20px rgba(0, 130, 222, .17) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}

.am-comments-family button[type="submit"]:hover {
    transform: translateY(-1px);

    box-shadow:
        0 11px 25px rgba(0, 130, 222, .23) !important;
}


/* Book comment stat */

.am-book-comment-jump {
    transition: transform .2s ease;
}

.am-book-comment-jump:hover {
    transform: translateY(-1px);
}


/* Tablet */

@media (max-width: 991.98px) {

    .am-comments-family
    .single-post__leave__comment
    .input-list {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* Mobile */

@media (max-width: 767.98px) {

    .comment__box.am-comments-family {
        scroll-margin-top: 90px;

        margin-top: 26px;
        padding: 16px;

        border-radius: 16px;
    }

    .am-comments-family
    .single-post__leave__comment {
        padding: 16px !important;

        border-radius: 14px !important;
    }

    .am-comments-family
    .single-post__leave__comment
    .input-list {
        grid-template-columns: 1fr;
    }

    .am-comments-family
    .single-post__author__profile {
        padding: 14px !important;
    }

    .am-comments-family
    button[type="submit"] {
        width: 100%;
    }

}


/* ==========================================================
   ALEHSAN MEDIA — COMMENT FORM ICON SPACING FIX
   ========================================================== */

.am-comments-family .input-list__block > i {
    left: 17px !important;
    width: 18px;
    text-align: center;
}

.am-comments-family .input-list__block input {
    padding-left: 52px !important;
}

.am-comments-family .input-list__block textarea {
    padding-left: 52px !important;
}


/* ==========================================================
   ALEHSAN MEDIA — COMMENT FORM FINAL POLISH 01
   ========================================================== */

/* Remove legacy divider under Leave your comment */
.am-comments-family
.single-post__leave__comment
.widget__title {
    border: 0 !important;
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.am-comments-family
.single-post__leave__comment
.widget__title::before,
.am-comments-family
.single-post__leave__comment
.widget__title::after {
    display: none !important;
    content: none !important;
}


/* Slightly more compact message field on desktop */
.am-comments-family
.input-list__block textarea {
    min-height: 110px !important;
}

@media (max-width: 767.98px) {
    .am-comments-family
    .input-list__block textarea {
        min-height: 120px !important;
    }
}


/* ==========================================================
   ALEHSAN MEDIA — COMMENT FORM ACTION ROW
   Turnstile left / Submit right
   ========================================================== */

.am-comments-family
.single-post__leave__comment form {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr) auto;

    column-gap: 18px;
    row-gap: 14px;

    align-items: center;
}


/* Name / Email / Phone stay full width */

.am-comments-family
.single-post__leave__comment form > .input-list {
    grid-column: 1 / -1;

    margin-bottom: 0 !important;
}


/* Message stays full width */

.am-comments-family
.single-post__leave__comment
form > .input-list__block.__textarea {
    grid-column: 1 / -1;

    margin: 0 !important;
}


/* Cloudflare Turnstile */

.am-comments-family
.single-post__leave__comment
form > .input-list__block:not(.__textarea) {
    grid-column: 1;

    width: max-content !important;
    max-width: 100%;

    margin: 0 !important;
}


/* Submit button */

.am-comments-family
.single-post__leave__comment
form > button[type="submit"] {
    grid-column: 2;

    justify-self: end;
    align-self: center;

    width: auto !important;

    margin: 0 !important;
}


/* Mobile */

@media (max-width: 767.98px) {

    .am-comments-family
    .single-post__leave__comment form {
        grid-template-columns: 1fr;
    }

    .am-comments-family
    .single-post__leave__comment
    form > .input-list,

    .am-comments-family
    .single-post__leave__comment
    form > .input-list__block.__textarea,

    .am-comments-family
    .single-post__leave__comment
    form > .input-list__block:not(.__textarea),

    .am-comments-family
    .single-post__leave__comment
    form > button[type="submit"] {
        grid-column: 1;
    }

    .am-comments-family
    .single-post__leave__comment
    form > button[type="submit"] {
        justify-self: stretch;

        width: 100% !important;
    }

}


/* ==========================================================
   ALEHSAN MEDIA — MODERN MOST POPULAR ARTICLES
   Category / Author shared family
   ========================================================== */

.am-popular-section {
    position: relative;
}

.am-popular-heading {
    margin-bottom: 24px;
}


/* Advertisement */

.am-popular-ad {
    height: 100%;
    min-height: 100%;
}


/* Spotlight */

.am-popular-spotlight {
    display: grid;

    grid-template-columns:
        minmax(190px, 230px)
        minmax(0, 1fr);

    overflow: hidden;

    margin-bottom: 16px;

    border: 1px solid rgba(23, 49, 78, .09);
    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 10px 30px rgba(23, 49, 78, .055);
}


.am-popular-spotlight__media {
    position: relative;

    display: block;

    width: 100%;
    min-height: 210px;

    overflow: hidden;

    background: #edf2f6;
}


.am-popular-spotlight__media img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* Normal editorial media uses square-thumb family */

.am-popular-spotlight__media.is-editorial-thumb img {
    aspect-ratio: 1 / 1;
}


/* Video Articles remain 16:9 */

.am-popular-spotlight__media.is-video-article {
    align-self: center;

    min-height: 0;

    aspect-ratio: 16 / 9;
}


.am-popular-spotlight__content {
    display: flex;

    min-width: 0;

    padding: 20px 22px;

    flex-direction: column;
}


.am-popular-spotlight__content h3 {
    display: -webkit-box;

    overflow: hidden;

    margin: 16px 0 20px;

    color: #17314e;

    font-size: 1.32rem;
    line-height: 1.55;
    font-weight: 800;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.am-popular-spotlight__content.urdu h3,
.am-popular-spotlight__content.arabic h3 {
    line-height: 1.9;
}


.am-popular-spotlight__footer {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 14px;

    margin-top: auto;
    padding-top: 14px;

    border-top: 1px solid rgba(23, 49, 78, .07);

    font-size: 12px;
}


.am-popular-spotlight__footer a {
    color: #718096;
}


.am-popular-read {
    color: #0082de !important;

    font-weight: 800;
}


/* Compact popular cards */

.am-popular-card {
    display: flex;

    min-height: 132px;

    overflow: hidden;

    border: 1px solid rgba(23, 49, 78, .08);
    border-radius: 15px;

    background: #fff;

    box-shadow:
        0 6px 20px rgba(23, 49, 78, .04);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


.am-popular-card:hover {
    transform: translateY(-2px);

    border-color: rgba(0, 130, 222, .18);

    box-shadow:
        0 10px 25px rgba(23, 49, 78, .075);
}


.am-popular-card__media {
    position: relative;

    display: block;

    width: 132px;
    min-width: 132px;

    overflow: hidden;

    background: #edf2f6;
}


.am-popular-card__media img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.am-popular-card__media.is-editorial-thumb {
    aspect-ratio: 1 / 1;
}


.am-popular-card__media.is-video-article {
    width: 150px;
    min-width: 150px;

    aspect-ratio: 16 / 9;

    align-self: center;
}


.am-popular-card__content {
    display: flex;

    min-width: 0;

    padding: 13px 14px;

    flex: 1;
    flex-direction: column;
}


.am-popular-card__meta {
    display: flex;

    align-items: center;

    gap: 8px;

    color: #8995a3;

    font-size: 10px;
    line-height: 1.2;
}


.am-popular-card__category {
    display: inline-flex;

    max-width: 150px;

    overflow: hidden;

    padding: 5px 8px;

    border-radius: 999px;

    color: #0073c6;
    background: rgba(0, 130, 222, .08);

    font-size: 9.5px;
    font-weight: 800;

    white-space: nowrap;
    text-overflow: ellipsis;
}


.am-popular-card__content h4 {
    display: -webkit-box;

    overflow: hidden;

    margin: 10px 0 8px;

    color: #18324f;

    font-size: .98rem;
    line-height: 1.5;
    font-weight: 800;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.am-popular-card__content.urdu h4,
.am-popular-card__content.arabic h4 {
    line-height: 1.8;
}


.am-popular-card__author {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    margin-top: auto;

    color: #84909d;

    font-size: 10.5px;
}


/* Tablet */

@media (max-width: 991.98px) {

    .am-popular-spotlight {
        grid-template-columns:
            minmax(180px, 210px)
            minmax(0, 1fr);
    }

}


/* Mobile */

@media (max-width: 767.98px) {

    .am-popular-section {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }


    .am-popular-heading {
        margin-bottom: 18px;
    }


    .am-popular-spotlight {
        display: block;

        border-radius: 16px;
    }


    .am-popular-spotlight__media {
        min-height: 0;

        aspect-ratio: 16 / 9;
    }


    .am-popular-spotlight__media.is-editorial-thumb img {
        aspect-ratio: auto;
    }


    .am-popular-spotlight__content {
        padding: 16px;
    }


    .am-popular-spotlight__content h3 {
        margin: 12px 0 16px;

        font-size: 1.1rem;

        -webkit-line-clamp: 2;
    }


    .am-popular-card {
        min-height: 112px;
    }


    .am-popular-card__media {
        width: 112px;
        min-width: 112px;
    }


    .am-popular-card__media.is-video-article {
        width: 126px;
        min-width: 126px;
    }


    .am-popular-card__content {
        padding: 11px 12px;
    }


    .am-popular-card__content h4 {
        margin: 8px 0 6px;

        font-size: .9rem;
    }


    .am-popular-card__category {
        max-width: 100px;
    }


    .am-popular-spotlight__footer {
        align-items: flex-start;

        flex-direction: column;
    }

}


/* ==========================================================
   ALEHSAN MEDIA — POPULAR SPOTLIGHT PROPORTION REFINEMENT
   ========================================================== */

@media (min-width: 992px) {

    .am-popular-spotlight {
        grid-template-columns:
            minmax(285px, 35%)
            minmax(0, 1fr);
    }

    .am-popular-spotlight__media {
        min-height: 220px;
    }

}