/*
 * BMSDock Feature Icon Configuration
 * ------------------------------------------------------------
 * EDIT THIS FILE to tune marketing icons without touching the
 * feature-card layout. PNG names: icon_01.png ... icon_10.png.
 *
 * QUICK GUIDE
 * --feature-icon-size : base icon size for the whole series.
 * --icon-scale        : size multiplier for one icon.
 * --icon-right        : horizontal offset. Negative = crop more
 *                       on the RIGHT edge. Positive = move left.
 * --icon-bottom       : vertical offset. Negative = crop more
 *                       on the BOTTOM edge. Positive = move up.
 *
 * Examples:
 *   Larger icon      -> --icon-scale: 1.10;
 *   Smaller icon     -> --icon-scale: 0.95;
 *   More right crop  -> --icon-right: -20px;
 *   Less right crop  -> --icon-right: -5px;
 *   More bottom crop -> --icon-bottom: -20px;
 *   Less bottom crop -> --icon-bottom: -5px;
 */

/* ---------- GLOBAL ICON SETTINGS ---------- */
#statsFeaturePanel {
  --feature-icon-size: min(33.333%, 140px);
  --feature-icon-right: -12px;
  --feature-icon-bottom: -16px;
}

/* ---------- INDIVIDUAL ICON SETTINGS ---------- */
/* icon_01.png — Universal Log Support */
#statsFeaturePanel .feature-card:nth-child(1) {
  --icon-scale: 1.15;
  --icon-right: -12px;
  --icon-bottom: -20px;
}

/* icon_02.png — Synchronized Timeline */
#statsFeaturePanel .feature-card:nth-child(2) {
  --icon-scale: 1.00;
  --icon-right: -7px;
  --icon-bottom: -17px;
}

/* icon_03.png — Fast & Responsive */
#statsFeaturePanel .feature-card:nth-child(3) {
  --icon-scale: 1.05;
  --icon-right: -16px;
  --icon-bottom: -20px;
}

/* icon_04.png — Battery Diagnostics */
#statsFeaturePanel .feature-card:nth-child(4) {
  --icon-scale: 1.00;
  --icon-right: -15px;
  --icon-bottom: -19px;
}

/* icon_05.png — GPS Ride Replay */
#statsFeaturePanel .feature-card:nth-child(5) {
  --icon-scale: 1.00;
  --icon-right: -5px;
  --icon-bottom: -10px;
}

/* icon_06.png — Compare Rides */
#statsFeaturePanel .feature-card:nth-child(6) {
  --icon-scale: 1.00;
  --icon-right: -10px;
  --icon-bottom: -12px;
}

/* icon_07.png — Works Everywhere */
#statsFeaturePanel .feature-card:nth-child(7) {
  --icon-scale: 1.30;
  --icon-right: -30px;
  --icon-bottom: -50px;
}

/* icon_08.png — Share Analytics */
#statsFeaturePanel .feature-card:nth-child(8) {
  --icon-scale: 1.00;
  --icon-right: -4px;
  --icon-bottom: -10px;
}

/* icon_09.png — DIY Development & Battery Builder */
#statsFeaturePanel .feature-card:nth-child(9) {
  --icon-scale: 1.00;
  --icon-right: -5px;
  --icon-bottom: -12px;
}

/* icon_10.png — Built for Every Ride */
#statsFeaturePanel .feature-card:nth-child(10) {
  --icon-scale: 1.00;
  --icon-right: -5px;
  --icon-bottom: -10px;
}

/*
 * Optional mobile-only tuning. Uncomment values if needed.
 * These affect the whole series below 420px.
 */
@media (max-width: 420px) {
  #statsFeaturePanel {
    /* --feature-icon-size: min(34%, 136px); */
    /* --feature-icon-right: -10px; */
    /* --feature-icon-bottom: -14px; */
  }
}