/* Guru Kripa UI v3 — reference logo header and category manager */
.site-header .brand{min-width:285px;gap:12px}
.header-brand-logo{display:grid;place-items:center;flex:none;width:54px;height:54px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 9px 24px rgba(16,55,112,.18),0 0 0 1px #f4d974}
.header-brand-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.header-brand-copy{display:block;line-height:1}
.site-header .header-brand-copy b{display:block;color:#0b2d63;font-family:'Manrope',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.25px;line-height:1.08;white-space:nowrap}
.site-header .header-brand-copy small{display:block;margin-top:5px;color:#0754b9;font-size:9px;font-weight:800;letter-spacing:1.65px;line-height:1;white-space:nowrap}

.service-circles .category-icon{overflow:hidden;padding:0}
.service-circles .category-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s ease}
.service-circles a:hover .category-icon img{transform:scale(1.07)}
.service-circles .category-icon.fallback{background:linear-gradient(145deg,#fff,#f1f2ff)}

.category-panel-top p{margin:4px 0 0;color:#747b90;font-size:11px}
.category-create-card{margin-bottom:28px;padding:25px}
.category-admin-form{display:grid;grid-template-columns:230px 1fr;gap:24px}
.category-image-picker{min-height:210px}
.category-image-picker:has(img:not([hidden]))>b,.category-image-picker:has(img:not([hidden]))>small{transform:translateY(55px)}
.category-fields{display:flex;flex-direction:column;justify-content:center;gap:16px}
.category-fields>.btn{align-self:flex-start;min-width:185px}
.category-list-section>.card-title{margin-top:5px}
.admin-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.admin-category-card{overflow:hidden;padding:0}
.category-card-head{position:relative;display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:14px;padding:17px 18px;border-bottom:1px solid #eceef4;background:linear-gradient(135deg,#fbfbff,#f6f8ff)}
.admin-category-image{display:grid;place-items:center;width:68px;height:68px;overflow:hidden;border:1px solid #e3e5ef;border-radius:50%;background:#fff;font-size:27px;box-shadow:0 8px 20px rgba(47,53,95,.08)}
.admin-category-image img{width:100%;height:100%;object-fit:cover}
.category-card-head>div{min-width:0}
.category-card-head .slide-state{position:static;display:inline-flex;margin-bottom:5px;padding:3px 7px;font-size:7px}
.category-card-head b,.category-card-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-card-head b{font-size:14px}.category-card-head small{color:#858b9d;font-size:9px}
.category-card-head>strong{align-self:start;padding:4px 8px;border-radius:20px;background:#eceaff;color:#4f46e5;font-size:8px}
.category-edit-form{display:flex;flex-direction:column;gap:11px;padding:18px}
.category-delete{width:calc(100% - 36px);margin:0 18px 18px;padding:9px;border:1px solid #ffd3d8;border-radius:9px;background:#fff6f7;color:#c93a49;font-size:10px;font-weight:800}
.category-delete:hover{background:#c93a49;color:#fff}

@media(max-width:1100px){
  .site-header .brand{min-width:245px}.site-header .header-brand-copy b{font-size:17px}.site-header .header-brand-copy small{font-size:7.5px;letter-spacing:1.25px}
}
@media(max-width:900px){
  .category-admin-form{grid-template-columns:210px 1fr}.admin-category-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
  .site-header .brand{min-width:0}.header-brand-logo{width:43px;height:43px}.site-header .header-brand-copy b{font-size:15px}.site-header .header-brand-copy small{margin-top:4px;font-size:6.5px;letter-spacing:1px}
  .category-admin-form{grid-template-columns:1fr}.category-image-picker{min-height:220px}.category-fields>.btn{width:100%}
}
@media(max-width:650px){
  .service-circles{grid-template-columns:repeat(3,1fr)}.service-circles span{width:70px;height:70px}.service-circles b{font-size:10px}
}
@media(max-width:390px){
  .header-brand-copy small{display:none!important}.site-header .header-brand-copy b{font-size:14px}
  .category-card-head{grid-template-columns:58px 1fr auto;padding:14px}.admin-category-image{width:58px;height:58px}.category-edit-form .form-grid{grid-template-columns:1fr}
}
