/* ============================================================
   ARC STUDIO - THUMBNAIL SIZE CONTROLS
   Safe to edit. Nothing here can break the rest of the site.
   After saving: hard-refresh the browser (Ctrl + Shift + R).

   THREE SETTINGS you can change on any card:

     --fit     contain = show the whole image (white space possible)
               cover   = fill the card, crop edges (no white space)

     --scale   1     = normal size
               1.15  = zoom in 15% (removes white space that is
                       baked into the image file itself)
               0.9   = shrink the product down

     --pad     space between image and card edge. 0px = none.

   HOW TO USE: find the project below, delete the two /* */ marks
   around the line you want, change the value, save.
   ============================================================ */

/* ---------- GLOBAL: every card on every page ---------- */
:root{
  --cs-thumb-ratio: 4/3;   /* card shape: 1/1 square | 4/3 | 3/2 | 16/10 | 4/5 tall */
}
.as-cs-card{
  --fit: contain;
  --scale: 1;
  --pad: 14px;
}

/* ---------- PER-PROJECT OVERRIDES ---------- */

/* ===== Product Rendering ===== */
.cs-adrenal-support-supplement-rendering{  /* Advance Adrenal Support */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-onbeat-boxing-machine-rendering{  /* OnBeat Music Boxing Machine */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-complex-supplements-rendering{  /* Complex Supplements */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-tc-nutrition-rendering{  /* TC Nutrition */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-reffair-mechanical-rendering{  /* Reffair */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-clapoti-rendering{  /* Clapoti */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-serpent-wallet-rendering{  /* Serpent Wallet */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-miracle-brands-rendering{  /* Miracle Brands */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-forever-beaumore-rendering{  /* Forever Beaumore */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-napi-dart-rendering{  /* Napi Dart */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-dapr-skincare-rendering{  /* Dapr Skincare */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-century-batteries-rendering{  /* Century Override Batteries */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-paster-life-rendering{  /* Paster Life */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-kidin-rendering{  /* Kidin */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-faucet-diverter-rendering{  /* Faucet Diverter */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}

/* ===== 360° Video ===== */
.cs-baseball-station-360{  /* Baseball Station */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-zen-budo-dart-360{  /* Zen Budo Dart */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-noir-pro-hair-dryer-360{  /* Noir Pro Hair Dryer */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-folding-desk-360{  /* Folding Desk */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}

/* ===== Interactive 3D ===== */
.cs-doorbell-interactive-3d{  /* DoorLine Slim DECT */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-sharny-julius-interactive-3d{  /* Sharny & Julius */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-monitor-display-interactive-3d{  /* Monitor Display */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}

/* ===== Architecture ===== */
.cs-studio-apartment-architectural{  /* Studio Apartment */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-haridwar-heights-architectural{  /* Haridwar Heights */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-raw-house-architectural{  /* Raw House */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-private-residence-architectural{  /* Private Residence */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-private-residence-canada-architectural{  /* Private Residence (Canada) */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-interior-visualization-architectural{  /* Interior Visualization */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}

/* ===== Logo & Brand ===== */
.cs-nexfit-gym-branding{  /* Nexfit Gym */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-swiftspan-logistics-branding{  /* SwiftSpan Logistics */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}
.cs-glow-more-branding{  /* Glow More */
  /* --fit: cover; */
  /* --scale: 1.15; */
  /* --pad: 6px; */
}