/*
   Skill Sakhi public responsive layer.
   Loaded last for mobile/tablet guardrails across all public templates.
*/
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,iframe,object,embed{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
.hp-wrap,.cdx-wrap,.mx-wrap,.ref-wrap,.ws-wrap,.ir-wrap,.lr-wrap,.testi-wrap,.wrap,.ss-wrap{width:100%;max-width:1360px;margin-left:auto;margin-right:auto}
.hp-card,.cdx-card,.public-card,.ss-card,.ss-course-card,.ss-mentor-card,.ss-testimonial-card,.course-card,.mentor-card-pro,.ref-course,.wcard,.tcard{min-width:0}
@media(max-width:1200px){
  .ss-grid.cols-5,.ss-grid.cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .courses-grid,.mentor-grid,.mentor-grid-pro,.why-grid,.skill-grid,.ws-grid,.projects,.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hero-grid-new,.cdx-hero,.mx-hero,.mentor-hero,.ws-hero-in,.ir-hero-in,.lr-card,.cl-layout,.main-grid,.content{grid-template-columns:1fr!important}
  .buy,.filters{position:static!important}
}
@media(max-width:900px){
  .ss-grid.cols-5,.ss-grid.cols-4,.ss-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .courses-grid,.mentor-grid,.mentor-grid-pro,.why-grid,.skill-grid,.ws-grid,.projects,.blog-grid,.story-grid,.logos,.info-grid,.feature-strip,.stat-strip,.mx-strip,.lr-stats,.qstats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ss-section-head,.hp-title-row,.sec-hd-bar,.row-head,.toolbar{align-items:flex-start!important;flex-direction:column!important}
  .ss-section-head a,.hp-view,.view-all{align-self:flex-start}
  .testi-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .testi-stat:nth-child(2){border-right:0}
}
@media(max-width:768px){
  .hp-wrap,.cdx-wrap,.mx-wrap,.ref-wrap,.ws-wrap,.ir-wrap,.lr-wrap,.testi-wrap,.wrap,.ss-wrap{padding-left:18px!important;padding-right:18px!important}
  .ss-nav{height:72px!important}
  .nav-inner{height:72px!important;padding-left:16px!important;padding-right:16px!important}
  .nav-logo .ss-brand-logo{height:50px!important;max-width:112px!important}
  .ss-nav-search,.ss-cart,.nav-links{display:none!important}
  .nav-ham{display:flex!important}
  .ss-login-btn,.ss-join-btn{height:40px!important;min-width:82px!important;font-size:13px!important;padding-left:12px!important;padding-right:12px!important}
  .hp-section,.sec{padding-top:42px!important;padding-bottom:42px!important}
  .hero-actions,.cdx-actions,.newsletter form,.stay form,.testi-cta,.ss-cta-card,.red-cta,.dark-cta{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .btn-ss,.btn-red,.btn-white,.cdx-btn,.ref-btn,.submit,.login-btn,.apply,.ss-cta-card a,.testi-cta a{width:100%!important;justify-content:center!important}
  .hero-h,.cdx-h1,.mx-title,.mentor-title,.ir-h1,.lr-left h1,.testi-title,.ph-h1{font-size:clamp(32px,10vw,46px)!important;line-height:1.05!important}
  .hp-title,.sec-title,.ss-section-head h2{font-size:clamp(24px,8vw,34px)!important}
  .tcard{min-width:86vw}
  .course-thumb,.preview,.course-img,.wimg,.blog-img{min-height:190px}
  table{display:block;overflow-x:auto;white-space:nowrap}
}
@media(max-width:560px){
  .ss-grid.cols-5,.ss-grid.cols-4,.ss-grid.cols-3,.ss-grid.cols-2,.courses-grid,.mentor-grid,.mentor-grid-pro,.why-grid,.skill-grid,.ws-grid,.projects,.blog-grid,.story-grid,.logos,.info-grid,.feature-strip,.stat-strip,.mx-strip,.lr-stats,.qstats,.reviews,.course-row,.faq-grid,.learn-grid,.checks,.fgrid,.step-grid,.ir-points{grid-template-columns:1fr!important}
  .hp-wrap,.cdx-wrap,.mx-wrap,.ref-wrap,.ws-wrap,.ir-wrap,.lr-wrap,.testi-wrap,.wrap,.ss-wrap{padding-left:14px!important;padding-right:14px!important}
  .testi-stats{grid-template-columns:1fr}
  .testi-stat{border-right:0;border-bottom:1px solid var(--ss-comp-line,#e8edf3)}
  .testi-stat:last-child{border-bottom:0}
  .ss-cta-card,.testi-cta,.newsletter,.stay,.red-cta,.dark-cta,.quote-bar{padding:24px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-bottom{text-align:center;justify-content:center!important}
}

/* v16 final responsive sweep: cart, course actions, public shell and dashboards */
.mini-actions form{display:inline-flex;margin:0}
.mini-actions button{white-space:nowrap}
.course-row{min-width:0}
.course-row h3 a{color:inherit;text-decoration:none}
.course-row h3 a:hover{color:var(--rd,#d70707)}
.public-edit-toolbar{max-width:calc(100vw - 20px);overflow-x:auto}
.table-wrap,.data-table-wrap,.card .table-responsive{max-width:100%;overflow-x:auto}
.admin-layout,.dashboard-layout,.main-content,.content-area{min-width:0}
.data-table{min-width:760px}
@media(max-width:1024px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cart-grid{grid-template-columns:1fr!important}
  .cart-side{position:static!important}
}
@media(max-width:768px){
  .course-row{display:grid!important;grid-template-columns:96px 1fr!important;gap:14px!important;align-items:start!important}
  .course-side{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important}
  .course-side .mini-actions{width:100%;display:flex!important}
  .course-side .mini-actions .btn-ss,.course-side .mini-actions form{flex:1 1 120px}
  .mini-course{grid-template-columns:82px 1fr!important}
  .mini-course .mini-price{grid-column:1/-1;text-align:right}
  .mob-body{padding-bottom:110px!important}
  .footer-grid{grid-template-columns:1fr!important}
  .page-header,.page-actions{flex-direction:column!important;align-items:stretch!important}
  .page-actions .btn,.page-actions form,.page-actions button{width:100%!important}
}
@media(max-width:420px){
  .course-row{grid-template-columns:1fr!important}
  .course-thumb img,.course-thumb{width:100%!important;min-height:180px!important}
  .nav-actions{gap:6px!important}
  .ss-login-btn{min-width:auto!important}
}