/* =========================================================
   PGP v236 — Homepage section avatar: remove inner square frame
   المشكلة كانت أن الصورة نفسها/اللوگو داخلها إطار مربع، وليس CSS border فقط.
   الحل هنا: نخلي الحاوية دائرة ونقص/نزوّم الصورة من الداخل حتى يبقى الإطار الدائري فقط.
   لا يمس منتجات ولا صفحات أخرى.
   ========================================================= */

/* outer avatar remains circular only */
html body #home :is(.pgp-home-managed-section,.pgp-most-viewed-card) .pgp-home-section-avatar{
  border-radius:999px!important;
  overflow:hidden!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  border:0!important;
  outline:0!important;
  /* keep only circular outer feel */
  box-shadow:
    0 0 0 2.5px #ee154e,
    0 0 0 6px rgba(238,21,78,.16),
    0 10px 24px rgba(238,21,78,.18)!important;
}

/* remove any fake square on wrappers inside avatar */
html body #home :is(.pgp-home-managed-section,.pgp-most-viewed-card) .pgp-home-section-avatar :is(span,a,picture,div){
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-color:transparent!important;
  border-radius:999px!important;
  overflow:hidden!important;
}

/* actual fix: hide the square that exists inside the uploaded image by cropping it inside the circular avatar */
html body #home :is(.pgp-home-managed-section,.pgp-most-viewed-card) .pgp-home-section-avatar > img,
html body #home :is(.pgp-home-managed-section,.pgp-most-viewed-card) .pgp-home-section-avatar img.pgp-home-section-avatar-img,
html body #home :is(.pgp-home-managed-section,.pgp-most-viewed-card) img.pgp-home-section-avatar-img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  border-radius:999px!important;
  clip-path:circle(39% at 50% 50%)!important;
  -webkit-clip-path:circle(39% at 50% 50%)!important;
  transform:scale(1.62)!important;
  transform-origin:center center!important;
}

/* never allow old follow-ring styles to draw a square-looking inner box */
html body #home .pgp-home-section-avatar.pgp-garage-follow-ring-target img,
html body #home .pgp-home-section-avatar.pgp-home-follow-ring-target img,
html body #home .pgp-home-section-avatar[data-pgp-home-follow-ring="1"] img,
html body #home .pgp-home-section-avatar[data-pgp-follow-ring-active="1"] img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:999px!important;
  clip-path:circle(39% at 50% 50%)!important;
  -webkit-clip-path:circle(39% at 50% 50%)!important;
}

/* Desktop/mobile same behavior */
@media(max-width:768px){
  html body #home :is(.pgp-home-managed-section,.pgp-most-viewed-card) .pgp-home-section-avatar > img,
  html body #home :is(.pgp-home-managed-section,.pgp-most-viewed-card) .pgp-home-section-avatar img.pgp-home-section-avatar-img,
  html body #home :is(.pgp-home-managed-section,.pgp-most-viewed-card) img.pgp-home-section-avatar-img{
    clip-path:circle(39% at 50% 50%)!important;
    -webkit-clip-path:circle(39% at 50% 50%)!important;
    transform:scale(1.62)!important;
  }
}