:root {
  /* basic */
  --basic: calc(480);
  --rw: calc(var(--basic) / 640);
  --basic-width: calc(var(--basic) * 1px);
  --pr: calc(0.65);
  --pr2: calc(0.85);

  /* card */
  --card-width: calc(var(--rw) * 135px);
  --card-top-1: calc(var(--rw) * 430px);
  --card-top-2: calc(var(--rw) * 620px);
  --card-top-3: calc(var(--rw) * 806px);
  --card-top-4: calc(var(--rw) * 1167px);
  --card-top-5: calc(var(--rw) * 1355px);
  --card-top-6: calc(var(--rw) * 1541px);
  --card-left-1: calc(var(--rw) * 166px);
  --card-left-2: calc(var(--rw) * 339px);
  --card-left-3: calc(var(--rw) * 80px);
  --card-left-4: calc(var(--rw) * 253px);
  --card-left-5: calc(var(--rw) * 425px);
  --btn-cta-width: calc(var(--rw) * 231px);
  --btn-cta-bottom: calc(var(--rw) * 60px);

  /* slider */
  --product-box-padding-top: calc(var(--rw) * 86px);
  --product-box-padding-bottom: calc(var(--rw) * 94px);
  --product-title-width: calc(var(--rw) * 450px);
  --product-title-bottom: calc(var(--rw) * 48px);
  --slider-bottom: calc(var(--rw) * -56px);
  --slider-circle-width: calc(var(--rw) * 16px);
  --slider-circle-margin-left: calc(var(--rw) * 50px);

  /* store */
  --store-padding-top: calc(var(--rw) * 60px);
  --store-padding-bottom: calc(var(--rw) * 211px);
  --store-tiltle-width: calc(var(--rw) * 280px);
  --store-txt-width: calc(var(--rw) * 460px);

  /* pop */
  --pop-border-height: calc(var(--rw) * 19px);
  --pop-padding-height: calc(var(--rw) * 44px);
  --pop-til-wight: calc(var(--rw) * 224px);
  --pop-btn-width: calc(var(--rw) * 181px);
  --pop-btn-margin-top: calc(var(--rw) * 27px);
  --pop-txtprompt-width: calc(var(--rw) * 371px);
  --pop-card-width: calc(var(--rw) * 331px);
  --pop-car-margin-top: calc(var(--rw) * 45px);
}