/* Creators Bangladesh: responsive repairs, preserving the existing design. */
body.studio :where(.hero-copy,.hero-editorial,.creator-card-copy,.service-card,.learning-card,.article-card,.profile-layout>*,.service-detail>*,.course-detail-grid>*,.about-layout>*,.footer-top>*){min-width:0}
body.studio :where(img,video,iframe,svg){max-width:100%}
body.studio :where(.button,.text-link,.profile-link,.category-links a,.submenu-toggle){min-height:44px}
body.studio .modal{max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}
body.studio .modal :where(fieldset){min-width:0}
body.studio .entry-content :where(pre,.wp-block-table){max-width:100%;overflow-x:auto}
body.studio .entry-content :where(iframe,video){max-width:100%}
@media(max-width:820px){
  body.studio .site-header .header-row{column-gap:12px}
  body.studio .custom-logo-link{max-width:calc(100% - 104px);min-width:0}
  body.studio .custom-logo-link img{max-width:100%;height:auto}
  body.studio .primary-nav ul{align-items:stretch}
  body.studio .primary-nav>ul{width:100%}
  body.studio .primary-nav li{width:100%}
  body.studio .primary-nav a{padding:10px 12px}
  body.studio .primary-nav .menu-item-has-children>a{max-width:calc(100% - 48px)}
  body.studio .primary-nav .submenu-toggle{vertical-align:top}
  body.studio .primary-nav .sub-menu{width:100%;min-width:0;max-width:100%}
}
@media(max-width:767px){
  body.studio .hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px}
  body.studio .hero h1{font-size:clamp(34px,7.8vw,52px);line-height:1.18}
  body.studio .hero-intro{font-size:17px;line-height:1.7}
  body.studio .hero-editorial{width:100%;max-width:100%;justify-self:stretch}
  body.studio .hero .actions{gap:12px}
  body.studio .hero .actions>*{max-width:100%}
  body.studio .section-heading{align-items:flex-start;flex-direction:column;gap:12px}
  body.studio .section-heading>.text-link{flex-shrink:1}
  body.studio .creator-grid,
  body.studio section[aria-labelledby="home-creators"] .creator-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  body.studio .creator-card,
  body.studio section[aria-labelledby="home-creators"] .creator-card{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:14px!important;align-items:start;padding:16px;min-height:0}
  body.studio .creator-card .creator-avatar,
  body.studio section[aria-labelledby="home-creators"] .creator-avatar{width:76px!important;height:76px!important;margin-bottom:0}
  body.studio .creator-card .creator-avatar img{width:100%;height:100%;object-fit:cover}
  body.studio .creator-card-copy{height:auto}
  body.studio .creator-name{min-height:0;gap:6px}
  body.studio .creator-name :is(h2,h3){font-size:18px;line-height:1.4;overflow-wrap:anywhere!important;word-break:normal}
  body.studio .creator-category{min-height:0;font-size:13px}
  body.studio .creator-card .small{font-size:13px}
  body.studio .creator-card .profile-link{font-size:13px;min-height:44px;margin-top:4px}
  body.studio .service-card h3{font-size:20px;line-height:1.35}
  body.studio .service-card p{font-size:14px;line-height:1.7}
  body.studio .service-card>.text-link{font-size:14px}
  body.studio .category-links a{font-size:13px;padding:10px 14px}
  body.studio :where(.profile-hero-grid,.profile-layout,.service-detail,.course-detail-grid,.about-layout,.course-account-options,.lead-form){grid-template-columns:minmax(0,1fr)}
  body.studio .lead-form .full{grid-column:1/-1}
  body.studio .profile-hero-grid{gap:20px}
  body.studio .profile-photo img{width:130px}
  body.studio :where(.inquiry-panel,.profile-facts,.course-sidebar){padding:20px}
  body.studio :where(.course-student-access-heading,.closing-panel){align-items:flex-start;flex-direction:column;gap:16px}
  body.studio :where(.search-control,.upload-preview,.crop-actions){flex-wrap:wrap}
  body.studio .search-control input{flex:1 1 160px}
  body.studio .filter-fields{grid-template-columns:minmax(0,1fr)}
  body.studio .filter-fields>*{min-width:0}
  body.studio .modal{width:calc(100% - 24px);margin:auto}
  body.studio .modal-inner{padding:20px}
  body.studio .modal-inner h2{font-size:26px;line-height:1.3}
  body.studio :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px;max-width:100%}
  body.studio :where(.consent,.woocommerce-form__label-for-checkbox){line-height:1.6}
  body.studio .form-toast{bottom:max(12px,env(safe-area-inset-bottom));padding:14px;max-height:40dvh;overflow-y:auto}
  body.studio .footer-bottom{flex-direction:column;gap:8px}
  body.studio .about-rule{flex-direction:column;gap:8px}
  body.studio .woocommerce :where(.col2-set .col-1,.col2-set .col-2,.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content){float:none;width:100%}
  body.studio .woocommerce form .form-row{max-width:100%}
  body.studio .tutor-wrap :where(.tutor-course-details-title){font-size:clamp(26px,6vw,34px);line-height:1.35}
}
@media(max-width:480px){
  body.studio .service-grid{grid-template-columns:minmax(0,1fr)}
  body.studio .learning-card{grid-template-columns:80px minmax(0,1fr)}
  body.studio .learning-image{margin:14px 0 14px 14px}
  body.studio .learning-card>div{padding:14px}
  body.studio .learning-card h3{font-size:19px;line-height:1.4}
  body.studio .learning-card .text-link{font-size:13px}
  body.studio .profile-actions>*{flex:1 1 140px}
  body.studio .hero .actions>.button{width:100%}
  body.studio .section-heading h2{font-size:30px;line-height:1.25}
  body.studio .directory-heading h1{font-size:clamp(30px,9vw,40px);line-height:1.25}
}
@media(prefers-reduced-motion:reduce){
  body.studio .cbd-reveal-target{opacity:1!important;transform:none!important}
}