/* GETCOURSE — USER TRAINING INSIDE / Mobile v0.4.1 */
@media (max-width:767px) {
  html.pt-user-inside-ready .main-page-block>.container {
    width:auto !important; max-width:none !important; margin:0 !important; padding:18px 14px 38px !important
  }
  .ps-breadcrumbs {
    margin-bottom:14px; font-size:11px
  }
  .ps-hero,.ps-hero--with-image {
    grid-template-columns:1fr; border-radius:15px
  }
  .ps-hero__image {
    height:150px; min-height:150px
  }
  .ps-hero__body {
    padding:20px 18px
  }
  .ps-hero h1 {
    font-size:22px !important
  }
  .ps-hero__description {
    font-size:12px
  }
  .ps-progress {
    margin-top:18px
  }
  .ps-continue {
    grid-template-columns:36px minmax(0,1fr) 28px; gap:10px; margin-bottom:24px; padding:12px; border-radius:13px
  }
  .ps-continue__icon {
    width:34px; height:34px; border-radius:10px; font-size:10px
  }
  .ps-continue__content strong {
    white-space:normal; font-size:12px
  }
  .ps-continue__description {
    display:none
  }
  .ps-continue__action {
    width:28px; min-height:28px; padding:0; justify-content:center; border-radius:9px; font-size:0
  }
  .ps-continue__action span {
    font-size:14px
  }
  .ps-content-heading {
    margin-bottom:12px
  }
  .ps-content-heading h2 {
    font-size:18px !important
  }
  .ps-content-heading p {
    font-size:11px
  }
  .ps-main-column .lesson-list {
    gap:7px
  }
  .ps-lesson-ready {
    min-height:78px; border-radius:12px !important
  }
  .ps-lesson-ready>.item-a {
    grid-template-columns:38px minmax(0,1fr) 26px; gap:10px !important; min-height:76px !important; padding:11px !important
  }
  .ps-lesson-marker {
    width:36px; height:36px; border-radius:10px; font-size:10px
  }
  .ps-lesson-ready .link.title {
    font-size:12px !important
  }
  .ps-lesson-ready .description {
    margin-top:3px !important; font-size:10px !important; -webkit-line-clamp:1 !important
  }
  .ps-lesson-badge {
    grid-column:2; justify-self:start; margin-top:5px; min-height:22px; max-width:100%; padding:4px 7px; font-size:8px
  }
  .ps-lesson-arrow {
    grid-column:3; grid-row:1 / span 2; width:26px; height:26px; border-radius:8px; font-size:12px
  }
  .ps-main-column .lesson-list>li.divider {
    padding:9px 10px !important
  }
  .ps-main-column .lesson-list>li.divider .errorMessage {
    font-size:9px !important
  }
  .ps-main-column .xdget-trainingList {
    margin-top:7px !important
  }
  .ps-main-column .xdget-trainingList .stream-table {
    border-spacing:0 7px !important
  }
  .ps-section-card {
    grid-template-columns:38px minmax(0,1fr) 26px; gap:10px; min-height:76px; padding:11px; border-radius:12px
  }
  .ps-section-marker {
    width:36px; height:36px; border-radius:10px
  }
  .ps-section-title {
    font-size:12px
  }
  .ps-section-meta {
    font-size:9px
  }
  .ps-section-eyebrow {
    font-size:8px
  }
  .ps-section-arrow {
    width:26px; height:26px; border-radius:8px; font-size:12px
  }
}
@media (max-width:767px) {
  .ps-services {
    margin-bottom:24px
  }
  .ps-services__heading {
    margin-bottom:12px
  }
  .ps-services__heading h2 {
    font-size:18px !important
  }
  .ps-services__grid,.ps-services__grid--without-chat {
    grid-template-columns:1fr; gap:8px
  }
  .ps-chat-card,.ps-service-action {
    border-radius:12px
  }
  .ps-chat-card {
    padding:13px
  }
  .ps-chat-card__head {
    gap:10px; margin-bottom:10px
  }
  .ps-service-icon {
    width:34px; height:34px; border-radius:10px
  }
  .ps-service-icon svg {
    width:17px; height:17px
  }
  .ps-chat-card__head strong,.ps-service-content strong {
    font-size:12px
  }
  .ps-chat-link {
    grid-template-columns:minmax(0,1fr) auto 22px; min-height:38px; padding:7px 8px 7px 10px; border-radius:9px
  }
  .ps-chat-link__title {
    white-space:normal; font-size:10px
  }
  .ps-service-action {
    grid-template-columns:34px minmax(0,1fr) 22px; min-height:68px; gap:10px; padding:13px
  }
}

@media (max-width:767px) {
  .ps-chat-single {
    grid-template-columns:34px minmax(0,1fr) auto 22px;
  }
}


/* FREE WEBINARS */
@media (max-width:767px) {
  .ps-webinar-hero-meta {
    margin-top:15px;
  }

  .ps-webinar-hero-badge,
  .ps-webinar-hero-count {
    min-height:25px;
    padding:0 9px;
    font-size:9px;
  }

  html.ps-free-webinars .ps-main-column .lesson-list {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:13px !important;
    margin:0 !important;
    padding:0 !important;
  }

  html.ps-free-webinars .ps-webinar-ready {
    margin:0 !important;
    overflow:hidden !important;
    border:1px solid var(--u-b) !important;
    border-radius:14px !important;
    background:#FFF !important;
    box-shadow:0 5px 16px rgba(16,24,40,.04) !important;
    opacity:1 !important;
  }

  html.ps-free-webinars .ps-webinar-ready > .item-a {
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    min-height:0 !important;
    padding:0 !important;
  }

  .ps-webinar-cover {
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#EEF2F6;
  }

  .ps-webinar-cover img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }

  .ps-webinar-cover--empty {
    background:linear-gradient(135deg,#EAF4FF 0%,#F4F8FC 100%);
  }

  .ps-webinar-play {
    position:absolute;
    left:50%;
    top:50%;
    width:44px;
    height:44px;
    transform:translate(-50%,-50%);
    color:rgba(23,28,38,.78);
    filter:drop-shadow(0 4px 10px rgba(0,0,0,.12));
  }

  .ps-webinar-play svg {
    width:100%;
    height:100%;
    display:block;
  }

  .ps-webinar-body {
    display:flex;
    flex-direction:column;
    padding:12px 13px 14px;
  }

  .ps-webinar-eyebrow {
    margin-bottom:5px;
    color:var(--u-p);
    font-size:8px;
    line-height:1.2;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.045em;
  }

  .ps-webinar-title {
    color:var(--u-t);
    font-size:13px;
    line-height:1.42;
    font-weight:700;
  }

  .ps-webinar-description {
    display:-webkit-box;
    margin-top:6px;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:var(--u-s);
    font-size:10px;
    line-height:1.45;
  }

  html.ps-free-webinars .ps-webinar-ready.user-state-not_reached {
    opacity:.62 !important;
  }
}


/* REJECTED / NOT ACCEPTED LESSON */
@media (max-width:767px) {
  .ps-lesson-badge[data-state="declined"] {
    background:#FEF3F2 !important;
    color:#B42318 !important;
    border:1px solid #FECDCA !important;
  }
}


/* TUTOR CARD / mobile v0.4.3 */
@media (max-width:767px) {
  .ps-tutor-section {
    margin-bottom:24px;
  }
  .ps-tutor-section__heading {
    margin-bottom:11px;
  }
  .ps-tutor-section__heading h2 {
    font-size:18px !important;
  }
  .ps-tutor-card {
    grid-template-columns:58px minmax(0,1fr);
    gap:12px;
    min-height:0;
    padding:14px;
    border-radius:14px;
  }
  .ps-tutor-card__avatar {
    width:58px;
    height:58px;
    align-self:start;
  }
  .ps-tutor-card__icon {
    display:none;
  }
  .ps-tutor-card__name {
    font-size:14px;
  }
  .ps-tutor-card__text {
    margin-top:3px;
    font-size:10px;
    line-height:1.45;
  }
  .ps-tutor-card__role {
    font-size:9px;
  }
}
