.pc-desc-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: 8px;
    line-height: 1;
    cursor: pointer; /* kliklənəndir, wrapper üzərinə daşıdım */
}

/* ikon konteyneri – halqa/backdrop istəyirsinizsə saxlayın */
.pc-advanced-desc-icon {
    display: flex; align-items: center; justify-content: center;
    width: 20px; height: 20px;
    background-color: #e0e0e0; color: #555;
    border-radius: 50%;
    transition: all 0.3s ease; box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* SVG-ni 20x20 çərçivəyə uyğunlaşdırın */
.pc-advanced-desc-icon svg { width: 18px; height: 18px; }

/* Hover effekti (rəng yalnız fon üçündür; SVG-də fixed #d52a2a qalıb) */
.pc-desc-wrapper:hover .pc-advanced-desc-icon {
    background-color: #c58c85; color: #fff; transform: scale(1.1);
}


/* Modal qaydalarınız eyni qalsın */
.pc-desc-modal { position: fixed; top:0; left:0; width:100%; height:100%; z-index:100001; display:flex; align-items:center; justify-content:center; }
.pc-desc-modal-backdrop { position:absolute; inset:0; background: rgba(0,0,0,.75); }
.pc-desc-modal-content { position:relative; background:#fff; padding:30px; max-width:800px; width:90%; max-height:80vh; overflow-y:auto; box-shadow:0 5px 20px rgba(0,0,0,.4); }
.pc-desc-modal-close { position:absolute; top:10px; right:15px; background:none; border:none; font-size:28px; line-height:1; cursor:pointer; color:#888; }
.pc-desc-modal-body img { max-width:100%; height:auto; margin:15px 0; }