/*! responsive.css — strict 8-section structure. */

/* MOBILE STANDARD (320px–539px) */
@media only screen and (min-width: 320px) and (max-width: 539px) {

  body.site-auth-page .site-auth-section { padding: 40px 0 60px; }
  body.site-auth-page .site-auth-heading { margin: 0 0 24px; }
  body.site-auth-page .login_box { padding: 24px 20px 20px; border-radius: 12px; }

  /* Split login → stack promo above form on phones */
  body.site-authsplit .site-auth-section > .container { max-width: 480px; padding: 0 10px; }
  body.site-authsplit .auth-split { flex-direction: column; }
  body.site-authsplit .auth-split__promo { flex: 0 0 auto; max-width: 100%; padding: 22px 22px; }
  body.site-authsplit .auth-promo__stage { min-height: 40px; margin: 8px 0 0; }
  /* Slide icon to the LEFT of the title on phones (not stacked above) */
  body.site-authsplit .auth-promo__slide { display: grid; grid-template-columns: auto minmax(0, max-content); column-gap: 14px; row-gap: 3px; align-content: center; }
  body.site-authsplit .auth-promo__icon { width: 30px; height: 30px; font-size: 13px; margin-bottom: 0; grid-column: 1; grid-row: 1; align-self: center; }
  body.site-authsplit .auth-promo__title { font-size: 14px; margin: 0; grid-column: 2; grid-row: 1; align-self: center; }
  body.site-authsplit .auth-promo__text { font-size: 13px; margin: 0; grid-column: 2; grid-row: 2; align-self: start; }
  body.site-authsplit .auth-promo__body { display: block; }
  body.site-authsplit .auth-promo__foot { margin-top: 14px; padding-top: 0; }
  body.site-authsplit .auth-split .login_box { padding: 0; border-radius: 0; }
  body.site-authsplit .auth-split__form { padding: 26px 22px; }

  .search-widget_post .widget-content>.row { flex-wrap: nowrap; align-items: center; margin-right: -0.25rem; margin-left: -0.25rem; --bs-gutter-x: 0.5rem; }
  .search-widget_post .widget-content>.row>[class*="col-"] { padding-right: 0.25rem; padding-left: 0.25rem; }
  /* Phone card: photo 45% / text 55%, and the photo takes the text column's height (owner, 13 Oct 2026) */
  .search-widget_post .widget-content>.row { align-items: stretch !important; }
  .search-widget_post .widget-content>.row>[class*="col-"]:first-child { flex: 0 0 45%; width: 45%; max-width: 45%; display: flex; flex-direction: column; }
  .search-widget_post .widget-content>.row>[class*="col-"]:last-child { flex: 0 0 55%; width: 55%; max-width: 55%; margin-top: 0 !important; }
  .search-widget_post .widget-content>.row>[class*="col-"]:only-child { flex: 0 0 100%; width: 100%; max-width: 100%; }
  .search-widget_post .acamic_img { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 200px; }
  .search-widget_post .acamic_img .profile_img { flex: 1 1 auto; position: relative; }
  .search-widget_post .acamic_img .profile_img > .card-photo-single { position: absolute; inset: 0; }
  .search-widget_post .acamic_img .card-photo-link, .search-widget_post .acamic_img .card-photo-track { height: 100%; }
  .search-widget_post .widget-content .acamic_img .profile_img img { height: 100%; object-position: 70% 20%; }
  .search-widget_post .button, .search-widget_post .whatsapp-button { min-width: -webkit-fit-content; min-width: fit-content; max-width: 100%; }

  .group_section .search-widget_post .widget-content .acamic_img .profile_img img { height: 100%; object-position: 70% 20%; }

  .card-views { padding: 2px 7px; font-size: var(--fs-10); gap: 4px; }
  .card-views i { font-size: 9px; }

  .custom-card#contact-me { padding-left: 8px !important; padding-right: 8px !important; }

  .create-post .lab-inner { padding: 0px 25px; }

  .button, .whatsapp-button { min-width: 40%; max-width: 40%; }

  .policy-section { padding: 22px 18px; border-radius: 12px; }
  .policy-section h2 { padding-top: 56px; padding-left: 0; font-size: var(--fs-18); }
  .policy-section h2::before { top: 0; left: 0; }
  .policy-section p, .policy-section ul { margin-left: 0; font-size: 14px; }
  .sk-modal__panel { padding: 32px 22px 26px; }

    .sk-age-modal__lead, .sk-age-modal__terms { font-size: var(--fs-14); }

  .col-lg-6, .col-xl-6 { flex: none; width: 100%; max-width: 100%; }

  .site-header__actions { gap: 4px; }

  .site-header__post-ad { display: none; }

  .site-footer { padding-top: 22px; }

  .site-footer__top { grid-template-columns: 1fr; gap: 18px; padding-bottom: 18px; }

  .site-footer__brand-block { align-items: flex-start; text-align: left; }

  img[width][height].site-footer__brand-icon { height: 38px; width: auto; }

  .site-footer__brand-name { font-size: var(--fs-22); }

  .site-footer__brand-country { font-size: var(--fs-11); }

  .site-footer__desc { text-align: center; font-size: var(--fs-13); }

  .site-footer__cols { grid-template-columns: 1fr; gap: 4px; padding: 8px 0; }
  .site-footer__col h5 { font-size: var(--fs-13); margin-bottom: 6px; }
  .site-footer__col a { font-size: var(--fs-13); padding: 3px 0; }

  .site-footer__col { padding: 10px 0; border-bottom: 1px solid var(--border-color); }
  .site-footer__col:last-child { border-bottom: 0; }

  .site-footer__cta-row { grid-template-columns: 1fr; padding: 18px 0; gap: 14px; }

  .site-footer__follow-label { width: 100%; text-align: center; margin-bottom: 4px; margin-right: 0; }

  .site-footer__social { width: 36px; min-width: 36px; height: 36px; min-height: 36px; font-size: var(--fs-14); }

  .site-footer__rta { padding: 20px 20px; gap: 0; }
  .site-footer__rta .rta-mark { height: 14px; padding-right: 8px; }
  .site-footer__rta .rta-sub { font-size: var(--fs-14); }

  .site-search { padding: 10px 1px 2px; }

  .site-search__input { font-size: var(--fs-14); }

  .site-breadcrumb:has(.site-breadcrumb__current)> :not(.site-breadcrumb__current) { display: none; }

  .site-search-modal { padding: 0; }

  .site-search-modal__panel { max-width: 100%; height: 100vh; max-height: 100vh; height: 100dvh; max-height: 100dvh; border-radius: 0; }

  .site-search-modal__body { overflow-y: auto; }

  .site-search-modal__row { grid-template-columns: 1fr; }

  .site-search-modal__submit { padding: 12px 24px; font-size: var(--fs-13); }
  .site-search-modal__reset { padding: 12px 14px; }   /* SEARCH ke barabar unchai */

  .site-auth-page { padding: 30px 0 60px; }
  .site-topbar__crumb-wrap { padding: 12px 16px; }

  .site-section-head { padding: 1px 0 8px; }
  .site-section-head h1.site-page-h1, .site-section-head h2 { font-size: 17px; }

  .site-content-block__heading { margin-top: 32px; }

  hr.site-service-cards-divider { margin: 32px 4px 12px; }   /* small phones: the copy's 16px sides (container 12 + 4) */

  .site-service-cards { gap: 18px; }

  .site-service-card { font-size: 1rem; padding: 11px 22px; gap: 10px; }
  .site-service-card i { font-size: 1rem; width: 18px; }

  .site-long-content { padding-left: 16px; padding-right: 16px; }

  .listing-empty { padding: 32px 18px; margin: 16px auto; }

  .site-official-channels { padding: 16px 14px; margin: 14px auto 18px; }
  .site-official-channels h3 { font-size: var(--fs-15); }
  .site-official-channels p, .site-official-channels ul { font-size: var(--fs-13); }

  .card-photo-single img { height: 300px; }

  /* naap yahin, par DIKHNE ka niyam main.css ke @media (hover:none) me — do jagah */
  .card-slider-nav { width: 30px; height: 30px; font-size: var(--fs-12); }
  .blog-wrap{grid-template-columns:1fr}

  .site-header__nav{gap:0}
  .site-header__nav a{display:none}
  .site-header__blog-search{display:none}
  .site-header__burger{display:inline-flex}
  /* originally L34 */
  .blog-mobile-toolbar{display:block;margin:0 0 16px}
  .blog-mobile-search{display:flex;align-items:center;gap:8px;background:var(--c-surface);border:1px solid var(--line);border-radius:15px;padding:6px 6px 6px 18px;box-shadow:0 2px 8px rgba(var(--c-dark-rgb), 0.04);transition:border-color .15s}
  .blog-mobile-search:focus-within{border-color:var(--main-color);box-shadow:none}
  .blog-mobile-search>i{color:var(--c-muted);font-size: var(--fs-14);flex:0 0 auto}
  .blog-mobile-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;box-shadow:none;font-size:16px;padding:10px 4px;color:var(--text-color)}  /* box-shadow: main.css ki input[type=search] parchhai pill ke andar dabba banati thi; 16px: iPhone chhote font par focus aate hi page zoom karta hai */
  .blog-mobile-search input::placeholder{color:var(--grey-400)}
  .blog-mobile-search button{ width: 42px; height: 42px; border: 0; border-radius: 50%; background: var(--main-color); color: var(--c-on-accent); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s; flex-shrink: 0; font-size: var(--fs-14); }
  .blog-mobile-search button:hover{ background: var(--main-dark); }
  .blog-mobile-crumb{font-size:13.5px;color:var(--c-muted);margin:14px 0 0;font-weight:600}
  .blog-mobile-crumb a{color:var(--main-color);text-decoration:none}
  .blog-mobile-crumb a:hover{text-decoration:underline}
  /* On mobile, hide the post-page duplicate breadcrumb since toolbar already shows it */
  .bp-crumb{display:none}

  /* originally L62 */
  .blog-page-head{margin:0 0 22px}
  .blog-page-head h1{font-size:26px;letter-spacing:-.4px}
  .blog-page-head p{font-size:14.5px}
  /* originally L94 */

  /* originally L130 */
  .bp-title{font-size:26px}
  /* originally L168 */
  .bp-body{font-size: var(--fs-16)}
  /* Force responsive height — guards against legacy inline height:Xpx that would squash images */
  .bp-body img{height:auto!important;width:auto;max-width:100%}
  .bp-body img[style*="float:left"],.bp-body img[style*="float: left"],
  .bp-body img[style*="float:right"],.bp-body img[style*="float: right"],
  .bp-body figure[style*="float"]{float:none!important;margin:14px auto;display:block;max-width:100%}

  .bp-rel-grid{grid-template-columns:1fr;gap:18px}
  .bp-rel__body{padding:18px 18px 20px;gap:10px}
  .bp-rel__title{font-size: var(--fs-18)}
  .bp-rel__excerpt{-webkit-line-clamp:3;line-clamp:3}
  .bp-related h3{font-size:21px;margin:0 0 18px}

  .ribbon span { padding: 4px 10px; font-size: var(--fs-12); gap: 4px; }
  .ribbon span i { font-size: var(--fs-10); }
}

/* MOBILE LARGE (540px–767px) */
@media only screen and (min-width: 540px) and (max-width: 767px) {

  body.site-auth-page .site-auth-section { padding: 40px 0 60px; }
  body.site-auth-page .site-auth-heading { margin: 0 0 24px; }
  body.site-auth-page .login_box { padding: 24px 20px 20px; border-radius: 12px; }

  /* Split login → stack promo above form (compact, subtext kept) */
  body.site-authsplit .site-auth-section > .container { max-width: 480px; padding: 0 10px; }
  body.site-authsplit .auth-split { flex-direction: column; }
  body.site-authsplit .auth-split__promo { flex: 0 0 auto; max-width: 100%; padding: 28px 28px; }
  body.site-authsplit .auth-promo__stage { min-height: 96px; margin: 20px 0 18px; }
  /* Slide icon to the LEFT of the title (not stacked above) */
  body.site-authsplit .auth-promo__slide { display: grid; grid-template-columns: auto minmax(0, max-content); column-gap: 16px; row-gap: 4px; align-content: center; }
  body.site-authsplit .auth-promo__icon { margin-bottom: 0; grid-column: 1; grid-row: 1; align-self: center; }
  body.site-authsplit .auth-promo__title { margin: 0; grid-column: 2; grid-row: 1; align-self: center; }
  body.site-authsplit .auth-promo__text { margin: 0; grid-column: 2; grid-row: 2; align-self: start; }
  body.site-authsplit .auth-promo__body { display: block; }
  body.site-authsplit .auth-promo__foot { margin-top: 16px; padding-top: 0; }
  body.site-authsplit .auth-split .login_box { padding: 0; border-radius: 0; }
  body.site-authsplit .auth-split__form { padding: 30px 30px; }

  .search-widget_post .widget-content>.row { flex-wrap: nowrap; align-items: center; margin-right: -0.25rem; margin-left: -0.25rem; --bs-gutter-x: 0.5rem; }
  .search-widget_post .widget-content>.row>[class*="col-"] { padding-right: 0.25rem; padding-left: 0.25rem; }
  .search-widget_post .widget-content>.row>[class*="col-"]:first-child { flex: 0 0 32%; width: 32%; max-width: 32%; }
  .search-widget_post .widget-content>.row>[class*="col-"]:last-child { flex: 0 0 68%; width: 68%; max-width: 68%; margin-top: 0 !important; }
  .search-widget_post .widget-content .acamic_img .profile_img img { height: 260px; }
  .button, .whatsapp-button { min-width: 40%; max-width: 40%; }
  .policy-section { padding: 22px 18px; border-radius: 12px; }
  .policy-section h2 { padding-top: 56px; padding-left: 0; font-size: var(--fs-18); }
  .policy-section h2::before { top: 0; left: 0; }
  .policy-section p, .policy-section ul { margin-left: 0; font-size: 14px; }
  .col-lg-6, .col-xl-6 { flex: none; width: 100%; max-width: 100%; }

  .site-header__actions { gap: 12px; }

  .site-header__post-ad { display: none; }

  .site-footer { padding-top: 22px; }

  .site-footer__top { grid-template-columns: 1fr; gap: 18px; padding-bottom: 18px; }

  .site-footer__brand-block { align-items: flex-start; text-align: left; }

  img[width][height].site-footer__brand-icon { height: 38px; width: auto; }

  .site-footer__brand-name { font-size: var(--fs-22); }

  .site-footer__brand-country { font-size: var(--fs-11); }

  .site-footer__desc { text-align: center; font-size: var(--fs-13); }

  .site-footer__cols { grid-template-columns: repeat(2, 1fr); gap: 18px; padding: 14px 0; }

  .site-footer__col h5 { font-size: var(--fs-13); margin-bottom: 8px; }
  .site-footer__col a { font-size: var(--fs-13); padding: 3px 0; }

  .site-footer__cta-row { grid-template-columns: 1fr; padding: 18px 0; gap: 14px; }

  .site-footer__social { width: 36px; min-width: 36px; height: 36px; min-height: 36px; font-size: var(--fs-14); }

  .site-footer__rta { padding: 6px 12px; gap: 5px; }
  .site-footer__rta .rta-mark { height: 14px; padding-right: 8px; }
  .site-footer__rta .rta-sub { font-size: var(--fs-10); }

  .site-breadcrumb:has(.site-breadcrumb__current)> :not(.site-breadcrumb__current) { display: none; }

  .site-search-modal { padding: 0; }

  .site-search-modal__panel { max-width: 100%; height: 100vh; max-height: 100vh; height: 100dvh; max-height: 100dvh; border-radius: 0; }

  .site-search-modal__body { overflow-y: auto; }

  .site-search-modal__row { grid-template-columns: 1fr; }

  .site-search-modal__submit { padding: 12px 24px; font-size: var(--fs-13); }
  .site-search-modal__reset { padding: 12px 14px; }   /* SEARCH ke barabar unchai */

  .site-auth-page { padding: 30px 0 60px; }
  .site-topbar__crumb-wrap { padding: 12px 16px; }

  .site-content-block__heading { margin-top: 32px; }

  hr.site-service-cards-divider { margin: 32px 12px 12px; }

  .site-service-cards { gap: 18px; }

  .site-service-card { font-size: 1.0625rem; padding: 12px 26px; gap: 10px; }
  .site-service-card i { font-size: 1.0625rem; width: 20px; }

  .site-official-channels { padding: 16px 14px; }
  .site-official-channels h3 { font-size: var(--fs-15); }
  .site-official-channels p, .site-official-channels ul { font-size: var(--fs-13); }
  .blog-wrap{grid-template-columns:1fr}

  .site-header__nav{gap:0}
  .site-header__nav a{display:none}
  .site-header__blog-search{display:none}
  .site-header__burger{display:inline-flex}
  /* originally L34 */
  .blog-mobile-toolbar{display:block;margin:0 0 16px}
  .blog-mobile-search{display:flex;align-items:center;gap:8px;background:var(--c-surface);border:1px solid var(--line);border-radius:15px;padding:6px 6px 6px 18px;box-shadow:0 2px 8px rgba(var(--c-dark-rgb), 0.04);transition:border-color .15s}
  .blog-mobile-search:focus-within{border-color:var(--main-color);box-shadow:none}
  .blog-mobile-search>i{color:var(--c-muted);font-size: var(--fs-14);flex:0 0 auto}
  .blog-mobile-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;box-shadow:none;font-size:16px;padding:10px 4px;color:var(--text-color)}  /* box-shadow: main.css ki input[type=search] parchhai pill ke andar dabba banati thi; 16px: iPhone chhote font par focus aate hi page zoom karta hai */
  .blog-mobile-search input::placeholder{color:var(--grey-400)}
  .blog-mobile-search button{ width: 42px; height: 42px; border: 0; border-radius: 50%; background: var(--main-color); color: var(--c-on-accent); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.15s; flex-shrink: 0; font-size: var(--fs-14); }
  .blog-mobile-search button:hover{ background: var(--main-dark); }
  .blog-mobile-crumb{font-size:13.5px;color:var(--c-muted);margin:14px 0 0;font-weight:600}
  .blog-mobile-crumb a{color:var(--main-color);text-decoration:none}
  .blog-mobile-crumb a:hover{text-decoration:underline}
  /* On mobile, hide the post-page duplicate breadcrumb since toolbar already shows it */
  .bp-crumb{display:none}

  /* originally L62 */
  .blog-page-head{margin:0 0 22px}
  .blog-page-head h1{font-size:26px;letter-spacing:-.4px}
  .blog-page-head p{font-size:14.5px}
  /* originally L94 */

  /* originally L130 */
  .bp-title{font-size:26px}
  /* originally L168 */
  .bp-body{font-size: var(--fs-16)}
  /* Force responsive height — guards against legacy inline height:Xpx that would squash images */
  .bp-body img{height:auto!important;width:auto;max-width:100%}
  .bp-body img[style*="float:left"],.bp-body img[style*="float: left"],
  .bp-body img[style*="float:right"],.bp-body img[style*="float: right"],
  .bp-body figure[style*="float"]{float:none!important;margin:14px auto;display:block;max-width:100%}

  .bp-rel-grid{grid-template-columns:1fr;gap:18px}
  .bp-rel__body{padding:18px 18px 20px;gap:10px}
  .bp-rel__title{font-size: var(--fs-18)}
  .bp-rel__excerpt{-webkit-line-clamp:3;line-clamp:3}
  .bp-related h3{font-size:21px;margin:0 0 18px}

}

/* TABLET (768px–991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  body.site-auth-page .site-auth-section { padding: 16px 0 56px; }

  .search-widget_post .widget-content>.row { flex-wrap: nowrap; align-items: center; margin-right: -0.25rem; margin-left: -0.25rem; --bs-gutter-x: 0.5rem; }
  .search-widget_post .widget-content>.row>[class*="col-"] { padding-right: 0.25rem; padding-left: 0.25rem; }
  .search-widget_post .widget-content>.row>[class*="col-"]:first-child { flex: 0 0 32%; width: 32%; max-width: 32%; }
  .search-widget_post .widget-content>.row>[class*="col-"]:last-child { flex: 0 0 68%; width: 68%; max-width: 68%; margin-top: 0 !important; }
  .search-widget_post .widget-content .acamic_img .profile_img img { height: 260px; }
  .policy-section { padding: 22px 18px; border-radius: 12px; }
  .policy-section h2 { padding-top: 56px; padding-left: 0; font-size: var(--fs-18); }
  .policy-section h2::before { top: 0; left: 0; }
  .policy-section p, .policy-section ul { margin-left: 0; font-size: 14px; }

  .col-lg-6, .col-xl-6 { flex: none; width: 100%; max-width: 100%; }

  .site-header__actions { gap: 12px; }

  .site-header__post-ad { display: none; }

  .site-footer { padding-top: 22px; }

  .site-footer__top { grid-template-columns: 1fr; gap: 18px; padding-bottom: 18px; }

  .site-footer__brand-block { align-items: flex-start; text-align: left; }

  img[width][height].site-footer__brand-icon { height: 38px; width: auto; }

  .site-footer__brand-name { font-size: var(--fs-22); }

  .site-footer__brand-country { font-size: var(--fs-11); }

  .site-footer__desc { text-align: center; font-size: var(--fs-13); }

  .site-footer__cols { grid-template-columns: repeat(2, 1fr); gap: 18px; padding: 14px 0; }

  .site-footer__col h5 { font-size: var(--fs-13); margin-bottom: 8px; }
  .site-footer__col a { font-size: var(--fs-13); padding: 3px 0; }

  .site-footer__cta-row { grid-template-columns: 1fr; padding: 18px 0; gap: 14px; }

  .site-footer__social { width: 36px; min-width: 36px; height: 36px; min-height: 36px; font-size: var(--fs-14); }

  .site-footer__rta { padding: 6px 12px; gap: 5px; }
  .site-footer__rta .rta-mark { height: 14px; padding-right: 8px; }
  .site-footer__rta .rta-sub { font-size: var(--fs-10); }

  .site-breadcrumb:has(.site-breadcrumb__current)> :not(.site-breadcrumb__current) { display: none; }
  .site-topbar__crumb-wrap { padding: 12px 16px; }
  .blog-wrap{grid-template-columns:1fr}

  /* Sidebar lekh ke NEECHE chala gaya, isliye lekh wala column poori chaudai le */

}

/* SMALL DESKTOP (992px–1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  body.site-auth-page .site-auth-section { padding: 16px 0 56px; }

  .search-widget_post .widget-content>.row { flex-wrap: nowrap; align-items: center; margin-right: -0.25rem; margin-left: -0.25rem; --bs-gutter-x: 0.5rem; }
  .search-widget_post .widget-content>.row>[class*="col-"] { padding-right: 0.25rem; padding-left: 0.25rem; }
  .search-widget_post .widget-content>.row>[class*="col-"]:first-child { flex: 0 0 32%; width: 32%; max-width: 32%; }
  .search-widget_post .widget-content>.row>[class*="col-"]:last-child { flex: 0 0 68%; width: 68%; max-width: 68%; margin-top: 0 !important; }
  .search-widget_post .widget-content .acamic_img .profile_img img { height: 260px; }
  .blog-wrap{grid-template-columns:1fr}

  /* Wahi baat jo 768–991 me — yahan column aur bhi chauda (~990px) hai, isliye */

}

/* LARGE DESKTOP (1200px–1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  body.site-auth-page .site-auth-section { padding: 16px 0 56px; }

  .search-widget_post .widget-content>.row { flex-wrap: nowrap; align-items: center; margin-right: -0.25rem; margin-left: -0.25rem; --bs-gutter-x: 0.5rem; }
  .search-widget_post .widget-content>.row>[class*="col-"] { padding-right: 0.25rem; padding-left: 0.25rem; }
  .search-widget_post .widget-content>.row>[class*="col-"]:first-child { flex: 0 0 32%; width: 32%; max-width: 32%; }
  .search-widget_post .widget-content>.row>[class*="col-"]:last-child { flex: 0 0 68%; width: 68%; max-width: 68%; margin-top: 0 !important; }
  .search-widget_post .widget-content .acamic_img .profile_img img { height: 260px; }
  h1 { font-size: 45px; line-height: 65px; }

}

/* MOBILE STANDARD (320px–539px) — Profile card buttons */
@media only screen and (min-width: 320px) and (max-width: 539px) {
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child),
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) { flex-wrap: nowrap !important; gap: 4% !important; }
  /* 2-button cards (Top): Call + WhatsApp = 50/50 with labels */
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .call-button,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .whatsapp-button {
    flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; padding: 0 2px !important; overflow: hidden;
  }
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .call-button .btn-label,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .whatsapp-button .btn-label {
    display: inline !important; font-size: var(--fs-11); font-weight: var(--btn-fw); letter-spacing: -0.4px; white-space: nowrap;
  }
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .call-button i,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .whatsapp-button i { font-size: var(--fs-11); margin-right: 2px; }
  /* 3-button cards: 46/23/23 from base; this block tightens padding + font for small phones */
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) > .call-button { padding: 0 2px !important; }
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) > .call-button .btn-label {
    font-size: var(--fs-11); letter-spacing: -0.4px;
  }
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) > .call-button i,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) > .whatsapp-button i,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) > .telegram-button i { font-size: var(--fs-18); margin-right: 2px; }
}

/* MOBILE LARGE (540px–767px) — Profile card buttons */
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child),
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) { flex-wrap: nowrap !important; gap: 4% !important; }
  /* 2-button cards */
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .call-button,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .whatsapp-button {
    flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; padding: 0 4px !important;
  }
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .call-button .btn-label,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .whatsapp-button .btn-label {
    display: inline !important; font-size: var(--fs-12); font-weight: var(--btn-fw); letter-spacing: -0.3px; white-space: nowrap;
  }
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .call-button i,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .whatsapp-button i { font-size: var(--fs-18); margin-right: 3px; }
  /* 3-button cards: 46/23/23 from base; this block only tweaks font/icon size */
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) > .call-button .btn-label {
    font-size: var(--fs-11); letter-spacing: -0.4px;
  }
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) > .call-button i,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) > .whatsapp-button i,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) > .telegram-button i { font-size: var(--fs-18); margin-right: 2px; }
}

/* TABLET (768px–991px) — Profile card buttons */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* 2-button cards: equal width with labels */
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .call-button,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .whatsapp-button {
    flex: 1 1 0 !important; padding: 0 6px !important;
  }
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .call-button .btn-label,
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(2):last-child) > .whatsapp-button .btn-label {
    display: inline !important; font-size: var(--fs-13); font-weight: var(--btn-fw);
  }
  /* 3-button cards: 46/23/23 from base; tablet has more room, so use bigger call label */
  .search-widget_post .button-container:not(.button-container--icons):has(> .button:nth-child(3):last-child) > .call-button .btn-label {
    font-size: var(--fs-13);
  }
}

/* EXTRA LARGE DESKTOP (≥1400px) — fills the gap above the 1200-1399 cap */

/* PAGE WIDTH — every device, follows the window */
.container { max-width: 1320px; }

/* ══ UNGLI KE NISHANE — sirf chhoone wale device par ═════════════════════════════════════ */
@media (hover: none) and (pointer: coarse) {
  .site-footer__col a       { padding: 8px 0; }              /* 26 → 36 */
  /* Iske andar sirf ek icon hai (~12px), isliye padding se 36 tak nahi pahuncha — 28 par ruk */
  .site-breadcrumb__caret   { min-width: 36px; min-height: 36px; justify-content: center; }   /* 20 → 36 */
  .site-breadcrumb__current-link { padding: 8px 0; }         /* 20 → 36 (inline hai, isliye kuch khiskta nahi) */
  .fav-btn                  { width: 36px; height: 36px; }   /* 32 → 36, dono taraf */
  .search-widget_post .button-container > .call-button { min-height: 0; }   /* card Call = same 40px as WhatsApp/Telegram (owner, 13 Oct 2026) */
}

/* Tablet + desktop card: photo fills the card height, no empty band above/below it (owner, 15 Oct 2026) */
@media only screen and (min-width: 540px) {
  .search-widget_post .widget-content>.row>[class*="col-"]:first-child:not(:only-child) { align-self: stretch; display: flex; flex-direction: column; }
  .search-widget_post .acamic_img { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 260px; }
  .search-widget_post .acamic_img .profile_img { flex: 1 1 auto; position: relative; }
  .search-widget_post .acamic_img .profile_img > .card-photo-single { position: absolute; inset: 0; }
  .search-widget_post .acamic_img .card-photo-link, .search-widget_post .acamic_img .card-photo-track { height: 100%; }
  .search-widget_post .widget-content .acamic_img .profile_img img { height: 100%; }
}

/* Card photo sits flush with the card's top, bottom and left edge, corners follow the card (owner, 15 Oct 2026) */
.search-widget_post .widget-content>.row>[class*="col-"]:first-child:not(:only-child) .acamic_img { margin: -5px 0 -5px -5px; }
.search-widget_post .acamic_img .card-photo-single { border-radius: 14px 0 0 14px; }
.search-widget_post .widget-content .acamic_img .profile_img img { border-radius: 0; }

/* Listing grid: every card in a list has the same height, the tallest card sets it (owner, 15 Oct 2026)
   The templates put .row--cards on the row (23 Oct 2026): the old .row:has(> .col-md-6 > .search-widget_post) made a phone restyle every row on each card-photo turn */
.row.row--cards { display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; }
.row.row--cards > .col-md-6 { width: auto; max-width: none; display: flex; flex-direction: column; }
.row.row--cards > .col-md-6 > .search-widget_post { flex: 1 1 auto; display: flex; flex-direction: column; }
.row.row--cards > .col-md-6 > .search-widget_post > .widget-content { flex: 1 1 auto; display: flex; flex-direction: column; }
.row.row--cards > .col-md-6 > .search-widget_post > .widget-content > .row { flex: 1 1 auto; }
@media only screen and (min-width: 768px) { .row.row--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Cards rise in one by one as the page scrolls (owner, 23 Oct 2026). assets/js/script.js adds the classes, only to cards below the
   first screen; it skips the effect for crawlers and for reduced motion. Hiding is instant, only the rise is animated. */
.row--cards > .ct-rise { opacity: 0; transform: translateY(36px) scale(.97); }
.row--cards > .ct-rise.is-in { opacity: 1; transform: none; transition: opacity .55s ease-out, transform .75s cubic-bezier(.2, .8, .25, 1); }

/* Phone card: the advertiser's name stays on one line, a long name ends in an ellipsis (owner, 15 Oct 2026) */
@media only screen and (min-width: 320px) and (max-width: 539px) {
  .search-widget_post .lab-content .lab-card-title--named { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: unset; line-clamp: none; }
}