/* =========================================================
   PRODUCT DETAIL SVG ICONS FINAL
   ========================================================= */

.pd2-info-icon.pd2-svg-icon {
  width: 21px !important;
  min-width: 21px !important;
  height: 21px !important;

  display: grid !important;
  place-items: center !important;

  color: #ffae00 !important;

  font-size: 0 !important;

  line-height: 1 !important;

  overflow: visible !important;
}


.pd2-info-icon.pd2-svg-icon svg {
  width: 18px !important;
  height: 18px !important;

  display: block !important;

  overflow: visible !important;

  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;

  vector-effect:
    non-scaling-stroke;
}


/* READY tetap orange/gold agar icon set konsisten */
.pd2-info-icon.pd2-ready-icon {
  color: #ffae00 !important;
}


/* =========================================
   WARNA = REAL COLOR SWATCH
   ========================================= */

.pd2-info-icon.pd2-color-icon svg {
  width: 19px !important;
  height: 19px !important;

  stroke: none !important;
}


/* sedikit polish agar icon dan text sejajar */

.pd2-info-box {
  column-gap: 9px !important;
}


.pd2-info-icon {
  flex:
    0 0 21px !important;
}


/* model card icon sedikit lebih besar */

.pd2-info-grid
> .pd2-info-box:first-child
.pd2-info-icon.pd2-svg-icon svg {

  width: 19px !important;
  height: 19px !important;
}


/* HP */

@media (max-width: 620px) {

  .pd2-info-icon.pd2-svg-icon {
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;
  }


  .pd2-info-icon.pd2-svg-icon svg {
    width: 17px !important;
    height: 17px !important;
  }


  .pd2-info-icon.pd2-color-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

}