/* Layout container */ .dpw-widget-container {     width: 100%;     margin: 0 auto;     box-sizing: border-box; } .dpw-layout {     display: flex;     gap: 16px;     align-items: flex-start; }  /* Left sidebar menu */ .dpw-sidebar {     width: 200px;     min-width: 180px;     border: 2px solid #abd322;     border-radius: 12px;     background: #ffffff;     padding: 12px; } .dpw-filters {     display: flex;     flex-direction: column;     gap: 8px; } .dpw-filter-btn {     display: block;     width: 100%;     text-align: left;     border: 1px solid #abd322;     background: #fff;     padding: 8px 12px;     border-radius: 8px;     cursor: pointer; } .dpw-filter-active, .dpw-filter-btn:focus {     outline: none;     background: #abd322; }  /* Right content card */ .dpw-content {     flex: 1;     max-width: 480px;     text-align: center;     padding: 16px;     border: 2px solid #abd322;     border-radius: 12px;     background: #f3f8bb; } .dpw-profile { animation: fadein 0.35s ease-in-out; } .dpw-img { display:block; margin: 0 auto 10px; object-fit: cover; } .dpw-img-circle { border-radius: 9999px; } .dpw-img-square { border-radius: 10px; } .dpw-name { margin: 8px 0 4px; font-size: 1.3rem; font-weight: bold; } .dpw-reg, .dpw-qual, .dpw-spec { margin: 4px 0; } .dpw-book-btn {     display: inline-block;     margin-top: 8px;     background: #abd322;     color: #000;     padding: 10px 20px;     border-radius: 6px;     text-decoration: none;     font-weight: 600; }  .dpw-no-results { margin-top: 10px; font-style: italic; }  @keyframes fadein { from { opacity: 0; } to { opacity: 1; } }  /* Responsive: stack sidebar on top for small screens */ @media (max-width: 640px) {     .dpw-layout { flex-direction: column; }     .dpw-sidebar { width: 100%; }     .dpw-content { max-width: 100%; }     .dpw-book-btn { width: 100%; } }